チェックボックスを一括で選択/解除

複数のチェックボックスに対し一括でOn/Off

jQuery

$(function () { // 選択 $('#checked').click(function() { $('input').prop('checked', true); }); // 解除 $('#unchecked').click(function() { $('input').prop('checked', false); }); });

HTML

<input type="checkbox" id="all" name="all" value="1"><label for="all">総合</label> <input type="checkbox" id="general" name="general" value="1"><label for="general">一般</label> <input type="checkbox" id="social" name="social" value="1"><label for="social">社会</label> <input type="checkbox" id="economics" name="economics" value="1"><label for="economics">政経</label> <input type="checkbox" id="life" name="life" value="1"><label for="life">生活</label> <input type="checkbox" id="entertainment" name="entertainment" value="1"><label for="entertainment">芸能</label> <input type="checkbox" id="knowledge" name="knowledge" value="1"><label for="knowledge">科学</label> <p> <span id="checked">一括チェック</span> / <span id="unchecked">チェック解除</span> </p>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。