Selectors/API/jQuery
:checked
チェックの入っている全ての要素を選択します。
サンプル
サンプル1
チェックボックスがクリックされる度に、チェックの入っているボックスの数を取得して表示します。
<form> <input type="checkbox" name="newsletter" checked="checked" value="Hourly" /> <input type="checkbox" name="newsletter" value="Daily" /> <input type="checkbox" name="newsletter" value="Weekly" /> <input type="checkbox" name="newsletter" checked="checked" value="Monthly" /> <input type="checkbox" name="newsletter" value="Yearly" /> </form>
function countChecked() {
var n = $("input:checked").length;
$("div").text(n + (n == 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);
[全コードを表示]
[実行結果を単体で表示]