全部を選択するチェックボックス のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 全部を選択するチェックボックス へ行く。
  • 1 (2017-06-16 (金) 01:06:14)

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>