Webクリエイティブ集団、アイレット株式会社の代表取締役が綴る
Web制作・開発の気になる最新技術レビュー。  RSS Feeds
スカウター : [iret-ceo] アイレット株式会社CEOブログ

2009年3月30日月曜日

javascript 全て選択 prototype.js

prototype.jsで楽なモジュールはないかと探していたら
下記が見つかった。

全て選択、解除ができるし、しかも色がつく

下記のように初期ローディングを行い
-----------------------------------------------------------------------------
<script type='text/javascript' src='/scripts/common/ctl_checkbox.js'></script>
<script language="JavaScript" type="text/javascript">
// データ選択checkboxの制御
var ChkCtl;
document.observe('dom:loaded', function() {
ChkCtl = new CtlCheckBox('check_row', 'lightyellow');
ChkCtl.load();
});
</script>
-----------------------------------------------------------------------------
テーブル
<tr class="check_row" >
<td><input type="checkbox" /></td>
</tr>
-----------------------------------------------------------------------------

あとは下記のように呼び出すだけ
選択:[<a href="#revlist" onClick="javascirpt:ChkCtl.setAll(1)" id="checkall">すべて</a>][<a href="#revlist" onClick="javascirpt:ChkCtl.setAll(0)" id="checkall2">なし</a>]

http://www.exgear.jp/blog/2008/10/js-%E4%B8%80%E8%A6%A7%E8%A1%A8%E7%A4%BA%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E9%96%A2%E9%80%A3%E3%81%AE%E5%88%B6%E5%BE%A1%E3%82%92%E3%81%BE%E3%81%A8/