您的位置：首页 > 其它

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

2015-09-20 14:56 302 查看
全选反选的要点：

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();
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航