Question

我在检查任何复选框后都能够显示/隐藏div。我也能够创建一个选中所有复选框的全部选中按钮。现在的问题是如何将两者联系在一起？

当我点击全部检查时，它不会显示/隐藏我想要显示/隐藏的div，但是当您单独选择每个div时它会起作用。 Here is the page url

奖金：如果有人也可以这样做，那么＆＃34;选择所有＆＃34;按钮更改为＆＃34;取消选择所有＆＃34;谢谢，社区！

剧本：

<script>
$('input[type=checkbox]').change(
function(){
   if($('input[type=checkbox]').is(':checked')){
          // if any of the checkboxes are checked then make the area visible
          $('.send-control').fadeIn(); 
   }else{
          // only if all are unchecked will this fire and hide the area
          $('.send-control').fadeOut();
   }
});

$('#toggle-all').click(function() {
$('input[type="checkbox"]').prop('checked',true);
});
</script>

Answer 1

尝试将.change（）添加到您的方法中：

 $('input[type="checkbox"]').prop('checked',true).change();

据我所知，您必须手动调用change方法，否则更改事件将不会被注册。

选中所有复选框并在引导程序中显示控制按钮

1 个答案: