Jquery判斷radio、selelct、checkbox是否選中及擷取選中值方法總結，jqueryselelct

Jquery判斷radio、selelct、checkbox是否選中及擷取選中值方法總結，jqueryselelct

jquery取radio選項按鈕的值 
複製代碼 代碼如下:
$("input[name='items']:checked").val(); 

另：判斷radio是否選中並取得選中的值 
 
如下所示：
複製代碼 代碼如下:
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--選中的值為："+$(":radio:checked").val());
}
}

 
jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關   
 
擷取一組radio被選中項的值  
複製代碼 代碼如下:
 var item = $('input[name=items][checked]').val();  

 擷取select被選中項的文本  
複製代碼 代碼如下:
 var item = $("select[name=items] option[selected]").text();  

 select下拉框的第二個元素為當前選中值  
複製代碼 代碼如下:
 $('#select_id')[0].selectedIndex = 1;  

 radio單選組的第二個元素為當前選中值  
複製代碼 代碼如下:
 $('input[name=items]').get(1).checked = true; 

    
擷取值： 

文字框，文本地區：$("#txt").attr("value")；  
多選框checkbox：$("#checkbox_id").attr("value")；  
單選組radio： $("input[type=radio][checked]").val();  
下拉框select： $('#sel').val(); 

控製表單元素：   
 
文字框，文本地區：$("#txt").attr("value",'');//清空內容  
複製代碼 代碼如下:
$("#txt").attr("value",'11');//填充內容 

   
多選框checkbox： $("#chk1").attr("checked",'');//不打勾  
複製代碼 代碼如下:
 $("#chk2").attr("checked",true);//打勾  
 if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾 

單選組radio： $("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()；//清空下拉框 

    
剛開始接觸jquery，很多東西不熟悉  
 
在用$("#id")來獲得頁面的input元素的時候，發現$("#id").value不能取到值 

後來終於在偉大的百度協助下，找到了問題的原因：  
 
$("")是一個jquery對象，而不是一個dom element 
 
value是dom element的屬性 

jquery與之對應的是val 
 
val() :獲得第一個匹配元素的當前值。 
 
val(val):設定每一個匹配元素的值。 

所以，代碼應該這樣寫： 
 
   
取值：val = $("#id")[0].value;  
賦值：  $("#id")[0].value = "new value";  
或者$("#id").val("new value"); 
或者這樣也可以：val = $("#id").attr("value");
 

jQuery中each非常好用，常用它取代javascript的for迴圈
 
例如在一個function裡有一個each,在each裡某種條件 成立的話，就把這個function返回true或者false
複製代碼 代碼如下:
function methodone(){
....
$.each(array,function(){
if(條件成立){
return true;
}
});
....
}

結果發現老是不對。
 
後來尋找資料才發現,在each代碼塊內不能使用break和continue,要實現break和continue的功能的話，要使用其它的方式
break----用return false;
continue --用return ture;
 
所以當我在each裡想使用return true給這個function返回時，其實只是讓each繼續執行而以
連each都沒有中斷，所以function也就不能return了 
 
另：判斷radio是否選中並取得選中的值
 
如下所示：
複製代碼 代碼如下:
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--選中的值為："+$(":radio:checked").val());
}
}