Jquery判斷radio、selelct、checkbox是否選取及取得選取值方法摘要_jquery

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的項目為目前選取項  

複製程式碼 程式碼如下:

$("1111 2222").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());
}
}