jQuery中attr和prop方法的區別，checkbox的使用總結,判斷是否選中

1 if ($("#checkbox-id").get(0).checked) {
2     // do something
3 }

1 if($('#checkbox-id').is(':checked')) {
2     // do something
3 }

1 if ($('#checkbox-id').attr('checked')) {
2     // do something
3 }

1 if ($('#checkbox-id').prop("checked")) {
2     // do something
3 }

1 if (ele.checked) { 
2      // do something
3  }

 1 function IsSelect(ele){
 2 //判斷checkbox是否被選中  
 3 if($(ele).is(":checked")){      
 4 alert('選中'); 
 5 alert($(ele).val()) 
 6 }  
 7 else{       
 8 alert('未選中');  
 9 }
10 }

1 //用jquery全選所有class為listbox的checkbox  
2 $(".listbox").prop("checked", true);  
3 //用jquery取消所有class為listbox的checkbox的選中  
4 $(".listbox").prop("checked", false);
5  

 1 $(function(){
 2     var checkbox = $("input[type='checkbox']");
 3     //全選
 4     $('#select-all').click(function(){
 5         checkbox.attr('checked', true);
 6     });
 7     //反選
 8     $('#select-reverse').click(function(){
 9         checkbox.each(function(i, dom){
10             if ( $(dom).attr('checked') ) {
11                 $(dom).removeAttr('checked');
12             } else {
13                 $(dom).attr('checked', 'checked');
14             }
15         });
16     });
17 });

 1 $(function(){
 2     var checkbox = $("input[type='checkbox']");
 3     //全選
 4     $('#select-all').click(function(){
 5         checkbox.prop("checked", true);
 6     });
 7     //反選
 8     $('#select-reverse').click(function(){
 9         checkbox.prop("checked", function(index, attr){
10             return !attr;
11         });
12     });
13 });