2

私は 5 つdiv持ってclass .thumb-folderおり、それぞれの中にcheckbox. 私はまた別divのクラスを持ってい.alarmます。

1 つまたは複数checkboxesがチェックされるdivと、.alarm class背景が赤に変わります。

いいえがチェックされている場合にのみに変更するにはどうすればよいdivですか?.alarm classbackground #333checkboxes

これは、現在のコードの jsfiddle へのリンクです。

4

3 に答える 3

5

ハンドラーのバインドに使用したものと同じセレクターを使用して、チェックボックスがオンになっているかどうかを確認します。

  $('.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");
      }
  });

デモ

于 2013-01-18T04:33:45.250 に答える
3

これは3行で実行できます。

 $('.thumb-folder input:checkbox').on('click', function (e) {
        $('div.alarm').css("background-color",(($("input[type='checkbox']:checked").length > 0) ? "red" : "#333"));
  });
于 2013-01-18T04:44:16.150 に答える
3

長さを使用して、チェックされたチェックボックスの数を見つけることができます:checked

ライブデモ

$('.thumb-folder input:checkbox').on('click', function (e) {
  if ($('.thumb-folder :checked').length == 0)
     $('div.alarm').css("background-color", "#333");
  else 
     $('div.alarm').css("background-color", "red");
});
于 2013-01-18T04:31:34.630 に答える