最近一直研究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
分享到:
相关推荐
npm install checkboxes.js --save 有凉亭: bower install checkboxes --save 手动: 。 然后在jQuery之后添加jquery.checkboxes-###.min.js 。 产品特点 选中上下文中的所有复选框。 取消选中上下文中的所有...
jquery.serializeJSON 将方法.serializeJSON()添加到以将表单序列化为JavaScript对象。 支持与Ruby on Rails中使用的嵌套参数相同的格式。 安装 使用bower install jquery.serializeJSON或 npm install jquery-...
jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...
jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $...
jQuery.checkboxGroup 这是一个非常简单的插件,可让您轻松地将某些复选框组合在一起并创建一个主复选框,该主复选框可以选中或取消选中所有从属复选框。 如何使用它 给定一个具有id master的复选框和一个字段集中...
import 'jquery.fancytree/dist/modules/jquery.fancytree.edit' ;import 'jquery.fancytree/dist/modules/jquery.fancytree.filter' ;const tree = createTree ( '#tree' , { extensions : [ 'edit' , 'filter' ] ,...
-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"> ...
用户可通过:http://www.jquerybyexample.net/2013/07/jquery-gridview-aspnet-tips-and-tricks.html 下载 Formatting Related Formatting ASP.NET ... Check/uncheck checkboxes in Asp.net GridView using jQuery
用Bower安装bower install jquery-toggle-checkboxes包括插件在文档中包括缩小版本或开发版本。 我建议将其添加到正文结束标记之前的页脚中,但也可以将其添加到文档的开头。 注意:在Toggle Checkboxes插件之前,您...
- iPhone-style Checkboxes - [Autogrowing Textarea](http://onehackoranother.com/projects/jquery/jquery-grab-bag/autogrow-textarea.html) - [Animate.css](http://daneden.github.io/animate.css/) - ...
The idea is simple: since normal input fields (including radio buttons, checkboxes, textareas, etc) can only be styled to a small degree, they have to be hidden and their visual appearance replaced ...
作者:Chris Spooner翻译:Terry li – GBin1.com英文: jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中...Fancy checkboxes and radio buttons with CSS 查看插件首页 jqTransform
这将需要jquery自动。 还要确保将样式表添加到application.css 。 只require ios-checkboxes即可获得默认样式。 您可以选择不使用它并从头开始编写样式。 在这种情况下,不要将 iox-checkboxes 添加到样式表清单...
jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...
JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作. 为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序...
摘要:脚本资源,jQuery,仿iPhone,checkbox iPhone-style buttons - jQuery仿...用于checkboxes和radio两种控件,内置3种色彩样式,支持jquery easing插件动态效果。压缩包里的例子提供了非常详细的demo和使用方法。
Better Checkboxes一款简单的实现替代浏览器默认选择框的jQuery插件,可以帮助你丰富表单的表现形式,在JavaScript失效的时候回恢复为默认控件。 Thumbnails Navigation Gallery一个很漂亮的全屏滚动相册,效果很好...
多选 多重选择是一个jQuery插件,用于使用复选框选择多个元素:)。 要开始使用结帐示例和文档,请访问 。 例子 变更日志 执照
│ │ │ ├─checkboxes │ │ │ ├─date │ │ │ ├─file │ │ │ ├─hidden │ │ │ ├─multi_select │ │ │ ├─radio │ │ │ ├─rel │ │ │ ├─select │ │ │ ├─text │ │ │ └─...
文本 2 清单 一个插件,将从文本区域的文本构建清单。 如果该行以“-”开头,它将添加一个未选中的复选框。 否则该行以“+”开头,它将添加一个选中的复选框。 看! 应用程序接口 < textarea class =" js-text...