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/
2009年3月30日月曜日
javascript 全て選択 prototype.js
Topic: JavaScript Written by shouhei
登録:
コメントの投稿 (Atom)
0 comment:
コメントを投稿