javascript - Jquery 仅当未选中所有复选框时才将 DIV 的背景颜色更改为 #333

Question

我有 5 个带有 class .thumb-folder 的 div，每个里面都包含一个 checkbox。我还有另一个带有类 .alarm 的 div。

当选中 1 个或多个复选框时，带有 .alarm class 的 div 会将背景更改为红色。

仅当没有复选框时，如何将具有.alarm类的div更改为background #333检查了吗？

这里是a link到我当前代码的 jsfiddle。

Answer 1

使用与绑定(bind)处理程序相同的选择器来检查是否选中了任何复选框。

  $('.thumb-folder input:checkbox').on('click', function (e) {
      if ($('.thumb-folder input:checkbox').is(':checked')) {
        $('div.alarm').css("background-color","red");
      } 
    else{
        $('div.alarm').css("background-color","#333");
      }
  });

DEMO