jquery通過(guò)id獲取對(duì)象時(shí),在id名稱的前面添加#號(hào)(比如$("#id")
),通過(guò)屬性選擇控件時(shí),通過(guò)"type[屬性=?]"的方式進(jìn)行選擇,比如$(“input[name=username]”)。
input元素獲取值和賦值的方法
$(“id”)是一個(gè)jquery對(duì)象,而不是一個(gè)dom element
其中id是控件的id屬性。如果沒(méi)有id屬性,只有name屬性,則可以采用下面的寫法。
$("input[name='username']").val();1
value是dom element的屬性
jquery與之對(duì)應(yīng)的是val
val() :獲得第一個(gè)匹配元素的當(dāng)前值。
val(val):設(shè)置每一個(gè)匹配元素的值。
所以,代碼應(yīng)該這樣寫:
取值:
var val = $("#id")[0].value;1
這里[0]表示從相同id的數(shù)組元素中獲取第一個(gè)元素。
賦值:
$("#id")[0].value = "new value"; 或者 $("#id").val("new value");123
或者這樣也可以:
var val = $("#id").attr("value"); //填充內(nèi)容 $("#txt").attr("value",'11');123
radio元素獲取值和賦值的方法
獲取一組radio被選中項(xiàng)的值
// 通過(guò)name屬性 var item = $('input[name=items][checked]').val(); // 通過(guò)type屬性 $("input[type=radio][checked]").val();1234
radio單選組的第二個(gè)元素為當(dāng)前選中值
$('input[name=items]').get(1).checked = true;1
設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)
$("input[type=radio]").attr("checked",'2');1
select元素獲取值和賦值的方法
獲取select被選中項(xiàng)的文本
// 通過(guò)名稱屬性 var item = $("select[name=items] option[selected]").text(); // 通過(guò)id $('#sel').val();1234
設(shè)置select下拉框的第二個(gè)元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;1
清空下拉框
$("#sel").empty();1
添加下拉框的option:
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")1
設(shè)置value=opt1的項(xiàng)目為當(dāng)前選中項(xiàng)
$("#sel").attr("value",'opt1');1
checkbox元素獲取值和賦值的方法
多選框checkbox:
$("#chk1").attr("value");1
取消選擇
$("#chk1").attr("checked",'');1
設(shè)置選擇狀態(tài)
$("#chk2").attr("checked",true);1
判斷是否已經(jīng)打勾
if($("#chk1").attr('checked')==undefined)