jQuery中對 input 控件的操作

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關

1.獲取值

 

jquery取radio單選按鈕的值

[html]  

$("input[name='items']:checked").val();  

 

 

獲取一組radio被選中項的值 

[html]  

var item = $('input[name=items][checked]').val();   

 

 

獲取select被選中項的文本 

[html]  

var item = $("select[name=items] option[selected]").text();   

 

 

select下拉框的第二個元素為當前選中值 

[html]  

$('#select_id')[0].selectedIndex = 1;   

 

 

radio單選組的第二個元素為當前選中值 

[html]  

$('input[name=items]').get(1).checked = true;   

 

 

文本框,文本區域:

[html]  

$("#txt").attr("value");   

 

 

多選框checkbox:

[html] 

$("#checkbox_id").attr("value");   

 

 

單選組radio:

[html]  

$("input[type=radio][checked]").val();   

 

 

下拉框select:

[html]  

$('#sel').val();   

 

2.控制表單元素:

文本框,文本區域:

[html]  

$("#txt").attr("value",'');//清空內容   

$("#txt").attr("value",'11');//填充內容   

 

 

多選框checkbox:

[html]  

$("#chk1").attr("checked",'');//不打勾   

$("#chk2").attr("checked",true);//打勾   

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾   

 

 

單選組radio:

[html]  

$("input[type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項   

下拉框select: $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項   

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty();//清空下拉框   

 

註意:

在用$("#id")來獲得頁面的input元素的時候,發現$("#id").value不能取到值 

 

後來終於在偉大的百度幫助下,找到瞭問題的原因: 

$("")是一個jquery對象,而不是一個dom element 

 

value是dom element的屬性 

 

jquery與之對應的是val 

 

val() :獲得第一個匹配元素的當前值。 

 

val(val):設置每一個匹配元素的值。 

 

所以,代碼應該這樣寫: 

 

[html] 

取值:val = $("#id")[0].value;   

賦值:   

$("#id")[0].value = "new value";   

或者$("#id").val("new value");   

  

或者這樣也可以:val = $("#id").attr("value");  

 

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *