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

Question

我有5个div,class .thumb-folder里面各有一个checkbox.我还有div一个班级.alarm.

checkboxes选中1或多个时div,.alarm class将背景更改为红色.

如何更改div与.alarm class到background #333没有,只有当checkboxes检查？

这是我当前代码的jsfiddle的链接.

Answer 1

使用您用于绑定处理程序的sam eselector来检查是否选中了任何复选框.

  $('.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