全部を選択するチェックボックス の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• 全部を選択するチェックボックス へ行く。
• 全部を選択するチェックボックス の差分を削除

[[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>