Jquery checkbox 全选 反选 全不选

 <button class="button  info mini rounded" id="selectAll">全选</button> |
<button class="button warning mini rounded" id="reverse">反选</button> |
<button class="button alert  mini rounded" id="unSelect">清除</button>

   $('#selectAll').click(function () {
       $("#reportTBody input:checkbox").prop('checked',true);
   });
   $('#unSelect').click(function () {
       $("#reportTBody input:checkbox").prop('checked',false);
   });
   $('#reverse').click(function () {
       $("#reportTBody input:checkbox").each(function () {
           $(this).prop('checked',$(this).is(':checked')?false:true);
           // if($(this).attr("checked"))
           // {
           //     // $(this).removeAttr('checked');
           //     $(this).prop('checked',false);
           // }else{
           //     $(this).prop('checked',true);
           //     // $(this).attr('checked',true);
           // }
           
       })
   });

获取checkbox选中的值

$(document).ready(function(){
    var checked = [];
    $("#submitButton").click(function(){
        $('input:checkbox:checked').each(function() {
            checked.push($(this).val());
        });
        alert(checked);
    });
});

转载于:https://www.cnblogs.com/ssjt/articles/10745799.html