チェックボックスにjQueryで簡単に全てをチェックさせる方法

ＨＴＭＬのフォームでチェックボックスで選択させるときに
項目を全てチェックさせる機能をサクッと実装
させるやり方を発見

jQueryだとアッという間にできます
Easiest “check all” ever with jQuery

実装するのに手間だったのでこれだと楽ですね。

$(function () { // this line makes sure this code runs on page load
	$('#checkall').click(function () {
		$(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
	});
});

勉強のためにプログラムをちょっと解説
動きとしては、checkall　というID名をクリック
したときに　fieldset　の最初の要素の
子要素全ての　checkbox　に checked　の値を付ける。
this.checked　で全てにチェックがあるかないかを取得
して全選択、全解除をしている。

this.checked を使ってチェックボックスを全選択、全解除
させる方法は、真似したいテクニックだと思いました
いろいろな方のソースを見るのは勉強になりますね。

全選択、全解除をボタンでやりたい場合の方法はこちら！
jQueryでチェックボックスの全てチェックと全て解除を超簡単に実装