jquery radio取值,checkbox取值,select取值,radio選中,checkbo

        1、jquery取radio單選按鈕的值  javascript

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

        另:判斷radio是否選中並取得選中的值 java

        以下所示: jquery

        function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--選中的值爲:"+$(":radio:checked").val()); 
} 
}

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

         獲取一組radio被選中項的值   dom

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

         獲取select被選中項的文本   spa

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

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

       $('#select_id')[0].selectedIndex = 1;   //(轉換爲DOM對象實現)

         radio單選組的第二個元素爲當前選中值   對象

         $('input[name=items]').get(1).checked = true;   //(轉換爲DOM對象實現)

             

        3、獲取值:  ip

         文本框,文本區域:element

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

         多選框checkbox:

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

         單選組radio:

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

         下拉框select:

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

        4、 控制表單元素:   

         文本框,文本區域:

$("#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;  //轉換爲DOM對象 

         賦值:  $("#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()); 
        } 
        }
相關文章
相關標籤/搜索