项目开发时要用到全选/反选,于是随手写了一个插件,适用于jQuery1.2.2之后的版本
使用方法:
js里面加入
$(document).ready(function(){
var chk_options = {
invert:'#invert', //反选框id,可以使用jQuery支持的格式
all:'#checkAll', //全选框id,可以使用jQuery支持的格式
item:'.checkitem' //被操作的CheckBox,可以使用jQuery支持的格式
};
$(this).chk_init(chk_options);
});
在html页面中相应的位置加上上面的属性即可,如下:
<div>
<input type="checkbox" class="checkitem"/>A<br />
<input type="checkbox" class="checkitem"/>B<br />
<input type="checkbox" class="checkitem"/>C<br />
<input type="checkbox" class="checkitem"/>D<br />
<input type="checkbox" class="checkitem"/>E<br />
<input type="checkbox" class="checkitem"/>F<br />
<input type="checkbox" class="checkitem"/>G<br />
</div>
<div id="div2">
<input type="checkbox" id="checkAll"/>CheckAll
 
<input type="checkbox" id="invert"/>Invert
</div>
下载地址:
http://jqueryplugin.googlecode.com/files/CheckBox.zip
jQuery checkbox 全选/反选
No TrackBacks
TrackBack URL: https://www.thinkjam.org/tjmanage/trackbacks/1177
很好的东西,感谢分享。