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

:checked

checked属性がcheckedの要素を取得する。

サンプル

チェックが入っているもの全てのvalueをAlertするボタンと、チェックボックスでチェックが入っているもののvalueをAlertするボタン。

実行結果

Javascript

$('.jqTest').click(function(e){
if ($(e.target).attr('class') === 'showall') {
$(':checked', this).each(function(){
alert($(this).val());
});
return false;
} else if ($(e.target).attr('class') === 'showcheckbox') {
$(':checkbox:checked', this).each(function(){
alert($(this).val());
});
return false;
}
});

HTML

<form class="jqTest">
<input type="text" value="" name="text" /><br />
<input type="checkbox" name="plang" value="ruby" checked> ruby<br />
<input type="button" value="最初のボタン" name="button" /><br />
<input type="radio" value="Javascript" name="radiobt" />Javascript<br />
<input type="radio" value="中日www鷹に連勝とかねーよｗ" name="radiobt" />中日www鷹に連勝とかねーよｗ<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" checked="checked"> PHP<br />
<input type="checkbox" name="plang" value="Python"> Python
<hr />
<button class="showall">チェックがついてるものの値をalert</button>
<button class="showcheckbox">チェックがついてるcheckboxの値をalert</button>
</form>

参照ページ