Jquery實際應用，判斷radio，selelct，checkbox是否選中及選中的值

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());

}

}

 

 

注：本文轉自http://www.oschina.net/code/snippet_179497_6635