javascript - チェックボックスがチェックされているかどうかを確認しますか?

Question

チェックボックスがjQuery経由でチェックされているかどうかを確認するにはどうすればよいですか?

要素に ID またはクラスを追加するだけで、これを行うことはできますか?

if($('#element').val() == 1) { 
  //do stuff 
}

Answer 1

if($('#element').is(':checked')){

    //checkbox is checked

}

また

if($('#element:checked').length > 0){

    //checkbox is checked

}

またはjQuery 1.6+では：

if($('#element:checked').prop('checked') === true){

    //checkbox is checked

}

Answer 2

これは、どこでこれを行おうとしているかによって異なります。通常、次のことができます。

$('#element').is(':checked');

また

$('#element')[0].checked;

また

 $('#element').prop('checked'); 

または prop をサポートしない古いバージョンの jquery (< 1.6)、attr は prop のジョブを実行し、要素のプロパティを設定/リセットするために使用されます (checked、selected、disabled などのスタンドアロン属性の場合);

 $('#element').attr('checked') //will return boolean value

それがチェックボックスのコンテキストにある場合、changeイベントで次のことができる場合：

  this.checked