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

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/

大家有什么好的建议或者好的方法也拿来分享下,谢谢!

时间： 2024-09-14 13:17:53

JQUERY CHECKBOX全选,取消全选,反选方法三_jquery的相关文章

CHECKBOX全选,取消全选,反选 jquery代码

方法一  $("#myform").togglecheckboxes()//全选,取消全选,反选 $("#myform").togglecheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform").togglecheckboxes(".top5", true)//全选,取消全选且只选前五个,反选 $("#myform").c

jQuery实现复选框全选/取消全选/反选及获得选择的值

  这篇文章主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(docu

jquery 实现checkbox全选/取消全选

jQuery.attr  获取/设置对象的属性值,如:  代码如下 复制代码 $("input[name='chk_list']").attr("checked");     //读取所有name为'chk_list'对象的状态(是否选中) $("input[name='chk_list']").attr("checked",true);      //设置所有name为'chk_list'对象的checked为true 再如

checkbox全选/取消全选以及checkbox遍历jQuery实现代码_jquery

复制代码 代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" valu

完整的jquery全选/取消全选示例效果

由于这两个比较简单,我就直接上代码吧: //全选/取消全选$('#quanxuan').toggle(function () {     $("input[name='abc']").attr("checked", 'true'); }, function () {     $("input[name='abc']").removeAttr("checked"); }); //反选$('#fanxuan').click(fun

html中的javascript 全选/取消全选操作示例代码

全选/取消全选在批量操作数据时经常会使用到,下文有个不错的示例使用js完成全选/取消全选操作,感兴趣的朋友可以参考下     复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="tex

jQuery实现复选框全选/取消全选/反选及获得选择的值_jquery

复制代码 代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全选/取消全部 $(&qu

DataGrid 的 全选/取消全选 控制(CheckBox)

datagrid|控制 DataGrid控件: <Columns>        <asp:TemplateColumn>         <HeaderStyle Width="10px"></HeaderStyle>         <HeaderTemplate>          <INPUT id="CheckAll" name="CheckAll" type="

jQuery对象和DOM对象之间相互转换的方法介绍_jquery

在讨论jQuery对象和DOM对象的相互交换之前,先约定好定义变量的风格.如果获取的对象是jQuery对象,那么在变量前加上$,例如: 复制代码 代码如下: var $variable = jQuery对象; 如果获取的是DOM对象,则定义如下: 复制代码 代码如下: var variable = DOM对象: 1.jQuery对象转成DOM对象 jQuery对象不能使用DOM中的方法,但是如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不实用DOM对象的时候,