`
chanshui
  • 浏览: 84583 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery.checkboxes

阅读更多

最近一直研究JQUERY的CHECKBOX,前面我已经介绍了CHECKBOX的全选和取消全选,而今天我继续给大家分享第三种方法,同时还能实现CHECKBOX的反选和指定选取,当然我们得先下载
-
-
jquery.checkboxes.zip,然后解压引用到使用插件的页面,
这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来:
复制代码 代码如下:
$("#myform").toggleCheckboxes()//全选,取消全选,反选
$("#myform").toggleCheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选
$("#myform").toggleCheckboxes(".top5", true)//全选,取消全选且只选前五个,反选
$("#myform").checkCheckboxes();// 全选
$("#myform").checkCheckboxes(":not(#checkbox1)");//除第一个之外全选
$("#myform").checkCheckboxes(".top5", true);//前五个全选
$("#myform").unCheckCheckboxes(); //取消全选
$("#myform").unCheckCheckboxes(":not(#checkbox1)");//取消全选,排除第一个
$("#myform").unCheckCheckboxes(".top5", true);//取消全选排除前五个
这里的checkbox1表示的是ID值,top5表示的CLASS值!我就介绍到这里,有兴趣的朋友可以下载自己用一下,也可以先看下官方的演示!

下载地址:http://plugins.jquery.com/files/jquery.checkboxes.zip

演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/

详细出处参考:http://www.jb51.net/article/15625.htm
分享到:
评论

相关推荐

    前端项目-jQuery.serializeObject.zip

    需要注意的是,`jQuery.serializeObject` 插件可能不支持所有类型的表单元素,例如复选框(checkboxes)、单选按钮(radio buttons)和多选列表(select multiple)。对于这些元素,可能需要额外的处理,比如使用 `...

    checkboxes.js::check_box_with_check:一个jQuery插件,可让您更好地控制自己的复选框

    npm install checkboxes.js --save 有凉亭: bower install checkboxes --save 手动: 。 然后在jQuery之后添加jquery.checkboxes-###.min.js 。 产品特点 选中上下文中的所有复选框。 取消选中上下文中的所有...

    Jquery dataTable显示指定列

    在本文中,我们将深入探讨如何使用Jquery dataTable插件来显示指定列,特别是在处理隐藏列的情况下。`Jquery dataTable` 是一个强大且功能丰富的JavaScript库,用于处理HTML表格,提供了排序、过滤、分页等特性,极...

    jquery.serializeJSON:将HTML表单序列化为JavaScript对象,支持嵌套的属性和数组

    jquery.serializeJSON 将方法.serializeJSON()添加到以将表单序列化为JavaScript对象。 支持与Ruby on Rails中使用的嵌套参数相同的格式。 安装 使用bower install jquery.serializeJSON或 npm install jquery-...

    jquery.jqGrid-4.3.3

    jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...

    JQUERY CHECKBOX全选,取消全选,反选方法三

    jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $...

    jQuery全选、反选与获取选中值

    在网页开发中,jQuery库为JavaScript提供了一种更简洁、更高效的API,使得操作DOM(文档对象模型)变得更加简单。本篇文章将详细讲解如何使用jQuery实现全选、反选功能,并探讨如何获取选中的值,这对于构建交互性强...

    jQuery.checkboxGroup:checkun的复选框选中jquery lib的一组复选框

    jQuery.checkboxGroup 这是一个非常简单的插件,可让您轻松地将某些复选框组合在一起并创建一个主复选框,该主复选框可以选中或取消选中所有从属复选框。 如何使用它 给定一个具有id master的复选框和一个字段集中...

    jquery.validate使用攻略 第三部

    以下是对 `jQuery Validate` 的使用攻略,特别是关于自定义验证行为的详细说明: 1. **自定义表单提交**:你可以通过设置 `submitHandler` 选项来自定义表单提交行为。当表单通过验证后,`submitHandler` 回调函数...

    240多个jQuery插件.doc

    - **jQuery Checkbox (checkboxes with images)**: 图像复选框插件。 - **jQuery Spin Button Control**: 数字上下调节按钮插件。 - **jQuery Ajax Form Builder**: 基于Ajax的表单构建器。 - **jQuery Focus Fields...

    纯CSS3炫酷checkbox美化库checkboxes.css

    "checkboxes.css"就是一个专注于复选框美化且完全基于CSS3的库,它为设计师提供了丰富的自定义选项,以提升用户体验和界面美观度。 **一、checkboxes.css的核心特性** 1. **纯CSS3实现**:checkboxes.css无需...

    fancytree:JavaScript树视图树网格插件,支持键盘,内联编辑,过滤,复选框,拖放和延迟加载

    import 'jquery.fancytree/dist/modules/jquery.fancytree.edit' ;import 'jquery.fancytree/dist/modules/jquery.fancytree.filter' ;const tree = createTree ( '#tree' , { extensions : [ 'edit' , 'filter' ] ,...

    PHP jqGrid 数据网格显示并分页

    -Support of links, images, checkboxes -You can add more than one grid on a sigle page (master-detail) -Paging 新闻信息列表 <link rel="stylesheet" type="text/css" href="themes/ui.jqgrid.css"> ...

    jquery、js操作checkbox全选反选.docx

    i < checkboxes.length; i++) { checkboxes[i].checked = true; } } ``` - **解析**:使用`document.getElementsByName("TheID")`获取所有的Checkbox,然后通过循环来设置它们的`checked`属性为`true`。 ##### ...

    240多个jQuery插件

    17. jQuery Checkbox (checkboxes with images):带图片的复选框。 18. jQuery SpinButton Control:数值旋钮控制。 19. jQuery Ajax Form Builder:构建异步表单。 20. jQuery Focus Fields:自动聚焦输入。 21. ...

    jquery全选反选

    checkboxes.prop('checked', true); } function deselectAll() { checkboxes.prop('checked', false); } ``` `prop()`函数用于设置或返回DOM元素的属性值。在这里,我们将`checked`属性设置为`true`或`false`,...

    jquery实现购物车购物车全选和增加删除商品.zip

    checkboxes.prop("checked", true); } else { checkboxes.prop("checked", false); } }); ``` 3. **状态同步**:购物车中每个商品项都有一个复选框,全选按钮的点击应同步所有商品的选中状态。上面的代码中,`...

    jQuery单选框跟复选框美化代码.zip

    "jQuery单选框跟复选框美化代码.zip"这个资源提供了一种方法,使得开发者可以优雅地对网页中的单选框(radio buttons)和复选框(checkboxes)进行样式定制,提升用户体验。 首先,我们要理解单选框和复选框在HTML...

    JQuery操作单选按钮以及复选按钮示例

    #### 复选框(Checkboxes) 复选框元素允许用户在一组选项中选择任意数量的选项。复选框与单选按钮的主要区别在于用户是否可以进行多重选择。 ##### 获取被选中的复选框对象 若需要操作复选框,JQuery也提供了简洁...

Global site tag (gtag.js) - Google Analytics