javascript - jQueryを使用してターゲットdiv内でチェックボックスがチェックされているかどうかを検出する

Question

次のマークアップがあります。終了スパン タグの下には、番号リスト アイテムがあります。

<div class="header_block">
   <span class="background_flag_container">
      <input id="block_background" type="checkbox" name="block_background">
      <span class="background_flag_text">Has Banner Background</span>
   </span>
   ...
</div>

これは私のjQueryです。私がやろうとしているのは、「block_background」という名前の唯一のチェックボックスがチェックされているかどうかを確認することです。ページにはいくつかの「block_background」チェックボックスがありますが、その中にdivがあるのは1 つだけです。$(this).header_block

$(this).find(".background_flag_container input:checkbox[name='block_background']").each(function(){
   if ($(this).checked) {
      console.log('is checked');
   }
});

チェックされているかどうかを確認するにはどうすればよいですか？

Answer 1

is(':checked')何かが選択されているかどうかを確認するために使用できます

   $(this).find(".background_flag_container input:checkbox[name='block_background']").each(function(){
       if ($(this).is(':checked')) {
          console.log('is checked');
       }
    });

チェックボックスにはblock_background一意のIDがあることがわかりますが。これを行うことができます：

if ($('#block_background').is(':checked')) {
    console.log('is checked');
}

Answer 2

$("input#block_background]").is(':checked')