checkbox全选反选/button切换显示隐藏

来源:互联网 发布:常用算法面试 编辑:程序博客网 时间:2024/06/06 01:29

全选反选的要点:

1.点击全选复选框,子复选框全被选中

再次点击时,子复选框全都没选中


2.点击子复选框,不点击全选时,当子复选框选全时,全选复选框被选中

反之,全选复选框不被选中


$("#ckAll2").click(function() {$("input[name='staff']").prop("checked", this.checked);});

$("input[name='staff']").click(function() {var $staffs = $("input[name='staff']");$("#ckAll2").prop("checked" , $staffs.length == $staffs.filter(":checked").length ? true :false);});

另外,点击按钮隐藏显示功能:

 $("#pmp").click(function(){        $("#switch-1").toggle();        $("#switch-2").hide();      });


0 0
原创粉丝点击