jQuery入門 | 入力要素の制御 | チェックボックス

チェックされているか確認する

同じidを持つチェックボックスが選択されているかを確認する。true / falseを返す。

$("#chkBox").is(":checked");
$("input:checkbox[id='chkBox']").is(":checked");

jQuery 1.6以上の場合の推奨される使い方。

$("#chkBox").prop("checked");

選択されたチェックボックスの数を取得する。

$("#chkBox:checked").length;

すべてのチェックボックスの数を取得する。

$("#chkBox").length;

すべて選択する。

$("#chkBox").prop('checked', true);
$("#chkBox").attr('checked', true);

すべて解除する。

$("#chkBox").prop('checked', false);
$("#chkBox").attr('checked', false);

$('#chkBox:checked').each(function() { 
    alert($(this).val());
});

$("#chkBox").on("click", function() {
    alert('1');
});