baigoCheckall 使用方法: jQuery表单全选插件

程序名称:baigoCheckall 使用方法:

授权协议: GPL

操作系统: 跨平台

开发语言: JavaScript

baigoCheckall 使用方法: 介绍

baigoCheckall 表单全选插件是基于 jQuery 的表单全选插件。

使用方法:

  1. 载入 jQuery 库文件,例:
    <script src="jquery.js" type="text/javascript"></script>
    

jQuery 库文件请到 http://www.jquery.com 下载

  1. 载入 baigoCheckall 核心文件,例:

    <script src="baigoCheckall.js" type="text/javascript"></script>
    
  2. 初始化插件,例:

    <script type="text/javascript"> $(document).ready(function(){
        $("#form_demo").baigoCheckall();
    });</script>
    
  3. 在需要操作的 checkbox 中定义 id 和 class
    其中,id 代表选框本身,class 代表父元素的 id,例:

    <input type="checkbox" id="first" class="none" />
    <input type="checkbox" id="second_1" class="first" />
    <input type="checkbox" id="second_2" class="first" />
    <input type="checkbox" id="second_3" class="first" />
    <input type="checkbox" id="second_4" class="first" />
    

当用户选中 id 为 first 的选框的时候,class 为 first 的选框将全部被选中,反之则为未选中;
当任意一个 class 为 first 的选框未被选中时,id 为 first 的选框也会处于未被选中状态。

baigoCheckall 使用方法: 官网

http://www.baigo.net/jquery/baigocheckall.html

相关编程语言

多功能下拉选择插件 SelectPage 简洁而强大的下拉分...
AutoComplete 是一个 jQuery Mobile 的插件,用于实...
Combogrid 是一个jQuery插件用于为输入框添加高级自...
Autobox2这个jQuery插件,可以用于创建类似于Facebo...
Link Scraper TextBox 是一个文本框的扩展插件,当你...
Awesomplete 超小超好用的超漂亮的 autocomplete 框...