View; MT.commentIds = [4055]; jQuery checkbox 全选/反选 - 绝望的流星

jQuery checkbox 全选/反选

| Comment | No TrackBacks

项目开发时要用到全选/反选,于是随手写了一个插件,适用于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
        &nbsp;&nbsp
        <input type="checkbox" id="invert"/>Invert
        </div>

下载地址:
http://jqueryplugin.googlecode.com/files/CheckBox.zip

No TrackBacks

TrackBack URL: http://www.thinkjam.org/loveblog/trackbacktj.cgi/1177

The data is modified by the paginate script

About this Entry

This page contains a single entry by meteor published on July 15, 2008 7:44 PM.

SproutCore was the previous entry in this blog.

jQuery FlyTo效果 is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.

Categories

  • 数据分析
  • Database
  • 架构
  • 算法
  • 前端 (4)
  • 系统

Pages

  • About
  • Contact
OpenID accepted here Learn more about OpenID
Powered by Movable Type 5.12