记录点滴,从小做起!
今天,工作中写到关于复选框的操作处理,记录下来。
下面是网上的例子:
页面代码:
<a href="javascript:;" id="all">全部选择</a><br> <a href="javascript:;" id="delAll">取消选择</a><br> <a href="javascript:;" id="antiAll">反向选择</a> <p><input type="checkbox" name="checkbox1">A <input type="checkbox" name="checkbox1"> B <input type="checkbox" name="checkbox1">C</p> <p><input type="checkbox" name="checkbox1">D <input type="checkbox" name="checkbox1">E <input type="checkbox" name="checkbox1">F</p>
1.全部选择
$("#all").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",true); }); });
2.取消选择
$("#delAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",false); }); });
3.反向选择
$("#antiAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",!this.checked); });
4.再写一个判断是否选择
var flag=false; $("input[name='fruit']:checkbox").each(function(){ if($(this).attr('checked')){ flag=true; } }) if(flag){ alert('有被选中'); }else{ alert('没有选中任何选项'); }
参考文章:http://blog.sina.com.cn/s/blog_5a08b1780100duqx.html
相关推荐
jquery、js操作checkbox全选反选.docx
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
页面上通过一个checkbox实现全选与反选
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343416
checkbox全选反选的文章在以前也有介绍很多,实在是不想在提起了,然而身边还是有些朋友不会,于是3分钟写出来一个估计有很多bug
jQuery表格行全选反选单选代码是一款基于tableCheckbox.js插件实现的,鼠标点击表格行时候能选中行内的复选框,且当前行会高亮显示,支持shift多选。
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
jquery checkbox全选反选效果代码,需要的朋友可以参考下。
2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check
用jquery实现的checkbox全选和反选代码,需要的朋友可以参考下。
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
checkbox 全选和反选,一次性解决,用jquery来做
//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name=’chkJob’ 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery的简便、明了··· 与用JavaScript写的比起来真的有点差距!...
使用jquery实现 checkbox的 全选,反选
最近一直研究JQUERY的CHECKBOX,前面我已经介绍了CHECKBOX的全选和取消全选,而今天我继续给大家分享第三种方法,同时还能实现CHECKBOX的反选和指定选取,当然我们得先下载
本文主要介绍了Checkbox的全选、反选的简单实例,需要的朋友可以参考下