:checkbox【チェックボックス要素】

メモ

  • チェックボックス要素を選択
  • $( "[type=checkbox]" ) と同等
  • $(":checkbox") よりも $( "input:checkbox" ) を推奨 ( "*:checkbox" とみなされる)
  • パフォーマンス
    • ネイティブ DOM querySelectorAll() 未使用の為、低速
      $( "[type='checkbox']" ) の方が高速 ( 例 参照)
  • 選択対象

構文

jQuery( ":checkbox" ) 1.0

関連

例

<p id="id1">
  <label><input type="checkbox">チェックボックス</label>
  <label><input type="checkbox" checked>チェックボックス</label>
  <br>
  <label><input type="radio" name="radio1">ラジオボタン</label>
  <label><input type="radio" name="radio1" checked>ラジオボタン</label>
</p>

<script>
$( "#id1 input:checkbox" ).wrap( "<span></span>" ).parent().css( "border", "2px red dashed" );
</script>




<p id="id2">
  <label><input type="checkbox">チェックボックス</label>
  <label><input type="checkbox" checked>チェックボックス</label>
  <br>
  <label><input type="radio" name="radio2">ラジオボタン</label>
  <label><input type="radio" name="radio2" checked>ラジオボタン</label>
</p>

<script>
$( "#id2 input[type='checkbox']" ).wrap( "<span></span>" ).parent().css( "border", "2px blue dashed" );
</script>