JQuery判斷checkbox是否選取及其它複選框操作方法合集

JQuery判斷checkbox是否選取及其它複選框操作方法合集_jquery

WBOY

發布： 2016-05-16 15:57:11

原創

1402 人瀏覽過

一、jquery判斷checkbox是否選取及改變checkbox狀態

jquery判斷checked的三種方法:

複製程式碼程式碼如下:

.attr('checked):   //看版本1.6 回傳:”checked」或”undefined” ;1.5-回傳:true或false

.prop('checked'): //16 :true/false

.is(':checked'):    //所有版本:true/false//別忘記冒號哦

jquery賦值checked的幾種寫法:
所有的jquery版本都可以這樣賦值:

複製程式碼程式碼如下:

// $("#cb1").attr("checked","checked");

// $("#cb1").attr("checked",true);

jquery1.6 :prop的4種賦值:

複製程式碼程式碼如下:

// $("#cb1″).prop("checked",true);//很簡單就不說了哦

// $("#cb1″).prop({checked:true}); //map鍵值對

// $("#cb1″).prop("checked",function(){

return true;//函數回傳true或false

});

//記得還有這種哦:$("#cb1″).prop("checked","checked");

二、jquery如何判斷checkbox（複選框）是否被選取

大家都知道在html 如果一個複選框被選中是 checked="checked"。

但是我們如果用jquery alert($("#id").attr("checked")) 會提示您是true而不是checked

所以很多朋友判斷 if($("#id").attr("checked")=="true") 這個是錯誤的，其實應該是if($("#id").attr(" checked")==true)
例子裡麵包括了一下幾個功能。

複製程式碼程式碼如下:

代碼

複製程式碼程式碼如下:

新文件標題>

    >

腳本>

頭>









   複選框1

   複選框2

   複選框3

   複選框4

   複選框5

   複選框6

   複選框7

複選框8
表格>

三、jquery判斷checkbox是否被選取

在html的checkbox裡，選取的話會有屬性checked="checked"。

如果有checkbox被選中，alert這個checkbox的屬性"checked"的值alert($"#xxx".attr("checked"))，會印出"true""，而不是checked"！
如果沒有被選中，列印出的是「undefined」。

不要嘗試這樣的判斷：if($"#xxx".attr("checked")=="true")或if($"#xxx".attr("checked")=='checked ' )
應該是 if($("#checkbox1").attr("checked")==true)
全選和全不選函數

複製程式碼如下程式碼：

function checkAll(){

   if($("#checkbox1").attr("checked")==true){

    $("input[name='xh']").each(function() {

     $(this).attr('checked',true);

    });

   }else {

    $("input[name='xh']").each(function() {

     $(this).attr('checked',false);

    });

   }

  }

四、JQuery 判斷checkbox是否選中，checkbox全選，取得checkbox選中值
JQuery是一個非常容易上手的框架，但是有很多東西需要我們深入學習的。

判斷checkbox是否被選中網路上有選多種寫法，這裡有一種方法，個人覺得

比較方便。

因為比較簡單，沒什麼技術含量，直接程式碼

複製程式碼程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

JQuery 判斷checkbox是否選中，checkbox全選，取得checkbox選中值