チェックボックスが並んだテーブルをjQueryでどーこーするサンプル

本日のお題

• チェックボックスの値を全選択/全解除するボタンをつけたい。
• チェックボックスの入力値に応じて行の背景色を変えたい。
• テーブルの行をクリックするとチェックボックスがON/OFFするようにしたい。
• tr内のtdのうち、いちばん最初の（左の）tdだけは別用途のアイコンが入るんで、このぶぶんだけはチェックボックスのON/OFFのクリッカブル領域にしたくない。つまり、2番目以降のtdをクリックするとチェックボックスON/OFFなるようにしたい。
• classやidの使用は最小限にしたい。

Check All	AAAAA	BBBBB	CCCCC	DDDDD
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx
	xxxxxxxxxxxxxxxxxxxxxxx	xxxx	xxxxxxxxxxx	xxxxx

ウェブデザイナーの日記 - jQuery :: チェックボックスが並んだテーブルをjQueryでどーこーするサンプル