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);
    });
});
posted @ 2019-04-21 16:58  随时静听  阅读(638)  评论(0编辑  收藏  举报