一、普通文本框的指派與取值
1.1.1指派
jQuery 表單元素取值與指派方法總結
function get(){
var test1 = $("input.test1").val();
$(".test2").val(test1);
}
運作效果：
1.1.2 取值
示例代碼：
jQuery 表單元素取值與指派方法總結
function get(){
var test1 = $("input.test1").val();
$("#span").html(test1);
}
運作效果：
二、擷取和設定單選項radio的值
2.1.1擷取單選項radio的值
1
2
function Show_redio()
{
//var _val = $('input:radio:checked').val();
var _val = $("input[type='radio']:checked").val();
//var _val = $("input[name='rd']").val();
alert(_val);
}
運作效果：
三、擷取和設定複選框的值
jQuery 表單元素取值與指派方法總結
A
B
C
function Show_checkbox() {
//取得多選框值
//多選框checkbox：$("#checkbox_id").attr("value");
val3 = $("#checkbox_id3").attr("value");
val2 = $("#checkbox_id2").attr("value");
val1 = $("#checkbox_id1").attr("value");
//多選框checkbox： $("#chk1").attr("checked",'');//不打勾
//$("#chk2").attr("checked",true);//打勾
//if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾
//多選框checkbox 不打勾
$("#checkbox_id3").attr("checked", '');
//多選擇框checkbox打勾
$("#checkbox_id1").attr("checked", false);
$("#checkbox_id2").attr("checked", true);
if($("#checkbox_id1").attr('checked') == undefined)
alert("沒有選中!");
else
alert("已經選中!");
}
運作效果：
四、擷取和設定下拉菜單清單的值
jQuery 表單元素取值與指派方法總結
A
B
C
D
function Show_select() {
var options = $("#_select option:selected"); //擷取選中的項
alert(options.val()); //拿到選中項的值
$("#span").html(options.text());
}
運作效果：
//設定select下拉框的第二個元素為目前選中值 $("#_select")[0].selectedIndex = 2;
運作效果：
//下拉框select
//設定一下值為D的項目為目前選中項
$("#_select").attr("value",'D');
//添加下拉框的option
$("EF").appendTo("#_select");
//清空下拉框
$("#_select").empty();
五、擷取和設定文本框/文本域的值
jQuery 表單元素取值與指派方法總結
function Show_textarea() {
//填充内容
var test = "werrtyhgfdsaadfgh"
$("#text").val(test);
//清空内容
//$("#text").attr("value","");
}
運作效果：
以上就是本文的全部内容，希望對大家的學習有所幫助，也希望大家多多支援腳本之家。