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

2016-02-19 16:05 21 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐JQUERY CHECKBOX全选,取消全选,反选方法三，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - Web开发】

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.tulaoshi.com/n/20160219/1611030.html

看过《JQUERY CHECKBOX全选,取消全选,反选方法三》的人还看了以下文章更多>>

JQUERY CHECKBOX全选,取消全选,反选方法三 02-19
JQUERY复选框CHECKBOX全选,取消全选 02-19
Jquery 1.42 checkbox 全选和反选代码 02-19
checkbox全选/取消全选以及checkbox遍历jQuery实现代码 02-19
jQuery checkbox全选/取消全选实现代码 02-19
jquery checkbox全选、取消全选实现代码 02-19
jquery checkbox全选反选效果代码 02-19
jquery全选,jquery全不选,jquery反选 02-19
jquery 实现的全选和反选 02-19
CheckBox 如何实现全选？ 02-19

jquery 页面全选框实践代码

标签： Web开发

代码如下： html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" title全选/title /head body divdemo input type="button" onclick="alert(ob.checkedIds());" value="选中ID"/ input type="button" onclick="alert(ob.checkedTexts());" value="选中值"/ input type="button" onclick="alert(ob.checked...

jQuery 全选效果实现代码

标签： Web开发

多选效果如下图代码如下: 代码如下: script type="text/javascript"!-- $(document).ready(function() { $("#selectall").click(selectAll); }); function selectAll() { var checked = $("#selectall").attr("checked"); $(".selectable").each(function() { var subchecked = $(this).attr("checked"); if (subchecked != ch...

实现复选框全选/全不选切换

标签： Web开发

input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"br input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"br input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"br input type=checkbo...

javascript应用：实现复选框全选/全不选切换

标签： Web开发

input type=checkbox name=mm value=a onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=b onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=c onclick="checkItem(this, ''mmAll'')"br input type=checkbox name=mm value=d onclick="c...

EXCEL2010使用技巧之全选操作

标签：电脑入门

EXCEL2010具有很多的功能，能够编辑表格个处理数据，在我使用表格的时候，有时候需要整体进行操作，那么，如何对EXCEL2010表格的进行全选呢?具体操作方式如下：第一种方式直接使用鼠标进行拉动，随便选取一个数据，之后拉动，则整个对角线内的数据就会全部被选中。第二种方式鼠标点击EXCEL2010编辑栏的最左上角的那个小三角，就是位横...

查看更多精彩>>