チェックボックス一括変更

1
2

<label><input type="checkbox" />チェック1</label>
<input type="checkbox" id="all" /><label for="all">すべて</label>

<label><input type="checkbox" />チェック1</label> <input type="checkbox" id="all" /><label for="all">すべて</label>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script type="text/javascript">
		$(function() {
			var all = $('#all'),
				checkboxes = $('p.checkboxes input');
 
			all.click(function() {
				if ( this.checked ) {
					checkboxes.attr('checked', 'checked');
				} else {
					checkboxes.removeAttr('checked');
				}
			});
		});
	</script>

<script type="text/javascript"> $(function() { var all = $('#all'), checkboxes = $('p.checkboxes input'); all.click(function() { if ( this.checked ) { checkboxes.attr('checked', 'checked'); } else { checkboxes.removeAttr('checked'); } }); }); </script>