jQueryめも

全部選択する用のチェックボックスをチェックすると、他のチェックボックスもチェックされるやつです。

スクリプト部分

<script>
$(function(){
    $('#all_check').on('change', function() {
        $('.enabled').prop('checked', this.checked);
    });
});
</script>

HTML部分

<form>
<label for="all_check"><input type="checkbox" id="all_check">全選択</label><br>
<label><input type="checkbox" name="enabled[1]" class="enabled" value="1">選択肢1</label><br>
<label><input type="checkbox" name="enabled[2]" class="enabled" value="1">選択肢2</label><br>
<label><input type="checkbox" name="enabled[3]" class="enabled" value="1">選択肢3</label><br>
<label><input type="checkbox" name="enabled[4]" class="enabled" value="1">選択肢4</label><br>
<label><input type="checkbox" name="enabled[5]" class="enabled" value="1">選択肢5</label>
</form>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-06-16 (金) 10:12:08 (66d)