HOME > リファレンス > jQuery > jQuery API一覧 > Selectors > :checkbox

:checkbox

input checkbox を取得する

サンプル

フォーム内の全てのチェックボックスにチェックを入れるボタンと、チェックを解除するボタン。

実行結果

Javascript

$('.allcheck', '.jqTest').click(function(){
$(this).closest('.jqTest').find(':checkbox').each(function(){
$(this).attr('checked', 'checked');
});
return false;
});
$('.checkreset', '.jqTest').click(function(){
$(this).closest('.jqTest').find(':checkbox').each(function(){
$(this).removeAttr('checked');
});
return false;
});

HTML

<form class="jqTest">
<input type="text" value="" name="text" /><br />
<input type="checkbox" name="plang" value="ruby"> ruby<br />
<input type="button" value="最初のボタン" name="button" /><br />
<input type="radio" value="" name="radio" /><br />
<input type="submit" value="Submit" name="submit" /><br />
<button>ボタンタグ</button><br />
<input type="checkbox" name="plang" value="Perl"> Perl<br />
<input type="button" value="最後のボタン" name="button2" /><br />
<input type="checkbox" name="plang" value="PHP"> PHP<br />
<input type="checkbox" name="plang" value="Python"> Python
<hr />
<button class="allcheck">p言語にチェック</button><button class="checkreset">リセット</button>
</form>

参照ページ