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