全部を選択するチェックボックス

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>