jquery全选反选题目:可执行反选,全选,取消选择,题目如图一,效果如图二,谢谢,求帮忙

JQUERY CHECKBOX全选,取消全选,反选方法三-javascript编程
&&&&【提要】本篇《JQUERY CHECKBOX全选,取消全选,反选方法三-javascript编程》特别为需要方法编程学习的朋友收集整理的,仅供参考。内容如下:
&&&&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值!我就介绍到这里,有兴趣的朋友可以下载自己用一下,也可以先看下官方的演示!&&&&下载地址:/files/jquery.checkboxes.zip&&&&演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/&&&&大家有什么好的建议或者好的方法也拿来分享下,谢谢!&&&&……
特别声明:jquery checkbox复选框 全选 反选 取消 选中输出
jquery checkbox复选框 全选 反选 取消 选中输出基于jquery特效和jquery插件制作,适用在表单列表里面,是一款常用的表单特效。两者在代码上相对来说用这款jquery插件来的比较节省代码,优化。
下载资源:221次
下载积分:20分
本站评论功能暂时取消,后续此功能例行通知。
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!
二、互相尊重,对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦!
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口jQuery题目:可执行反选,全选,取消选择,题目如图一,效果如图二,谢谢,求帮忙_百度知道
css:.checked{&&&&background-color:#fd3;}------------------------------------javascript:$(function(){&&&&var&trs&=&$(&table&tr&);&&&&$(&:button[value='全选']&).click(function(){&&&&&&&&trs.addClass(&checked&);&&&&});&&&&$(&:button[value='取消选择']&).click(function(){&&&&&&&&trs.removeClass(&checked&);&&&&});&&&&$(&:button[value='反选']&).click(function(){&&&&&&&&trs.toggleClass(&checked&);&&&&});})
其他类似问题
为您推荐:
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁页面导航:
→ 正文内容 jQuery实现复选框全选
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() { // 全选/取消全部 $("#checkAllChange").click(function() { if (this.checked == true) { $(".userid").each(function() { this.checked = }); } else { $(".userid").each(function() { this.checked = }); } }); // 全选 $("#checkAll").click(function() { $(".userid").each(function() { this.checked = }); }); // 取消全部 $("#removeAll").click(function() { $(".userid").each(function() { this.checked = }); }); // 反选 $("#reverse").click(function() { $(".userid").each(function() { if (this.checked == true) { this.checked = } else { this.checked = } }) }); //批量删除 $("#delAll").click(function() { var arrUserid = new Array(); $(".userid").each(function(i) { if (this.checked == true) { arrUserid[i] = $(this).val(); } }); alert("批量删除的:" + arrUserid); }); }); &/script& &/head& &body& &table border="1"& &tr& &td&&input type="checkbox" id="checkAllChange" /&&/td& &td&用户id&/td& &td&用户名&/td& &td&电话&/td& &td&地址&/td& &/tr& &tr& &td&&input type="checkbox" class="userid" value="1" /&&/td& &td&1&/td& &td&wangzs1&/td& &td&&/td& &td&浦东&/td& &/tr& &tr& &td&&input type="checkbox" class="userid" value="2" /&&/td& &td&2&/td& &td&wangzs2&/td& &td&&/td& &td&上海&/td& &/tr& &tr& &td&&input type="checkbox" class="userid" value="3" /&&/td& &td&3&/td& &td&wangzs3&/td& &td&&/td& &td&河南&/td& &/tr& &tr& &td&&input type="checkbox" class="userid" value="4" /&&/td& &td&4&/td& &td&wangzs4&/td& &td&&/td& &td&许昌&/td& &/tr& &tr& &td&&/td& &td&&input type="button" id="checkAll" value="全选" /&&/td& &td&&input type="button" id="removeAll" value="取消全部" /&&/td& &td&&input type="button" id="reverse" value="反选" /&&/td& &/tr& &tr& &td colspan="4" align="center"&&input type="button" value="批量删除" id="delAll"&&/td& &/tr& &/table& &/body& &/html&
您可能感兴趣的文章:
上一篇:下一篇:
最 近 更 新
热 点 排 行
12345678910}

我要回帖

更多关于 jquery全选反选 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信