「jQuery入門」チェックボックスの項目を全てチェック、全て選択解除するサンプル

2017年12月14日

①htmlコード
<div id="city">
<input type="checkbox" name="cityAA" value="1″>
<input type="checkbox" name="cityBB" value="1″>
<input type="checkbox" name="cityCC" value="1″>
<input type="checkbox" name="cityDD" value="1″>
</div>
②JSコード
// すべての項目をチェック
$('#city input[type=checkbox]’).prop('checked’, true);

// すべての項目を選択解除
$('#city input[type=checkbox]’).prop('checked’, false);