jQuery チェックボックスをトグルで全オン・オフ!メモ

JQuery で よく使う、同じtable 内のチェックボックスを全on / off する作法


↑これ!

解答

/* 全員チェックのボタン */
$(function () {
    $("[class*=checkAll]").click(function () {
    	$(this.parentNode.parentNode.parentNode).find('input[type=\'checkbox\']').attr('checked', this.checked) ;
	});
});

全選択のボタンには class=”checkAllhogehoge” がついてます。

それがクリックされると 親ノード(td) → 親ノード(tr) → 親ノード(table) → の中から チェックボックスをさがして this.checked と同じにすることによってトグル動作を実現
cool!

いつも考え直して時間の無駄なのでのでメモっとくよ!

あ、ゆりえさまは中2だ…

コメントを残す

メールアドレスが公開されることはありません。