<form action="" method="post"> <input type="checkbox" id="check" value="全选/全不选"/>全选/全不选 <br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球"/>篮球 <input type="checkbox" name="items" value="游泳"/>游泳 <input type="checkbox" name="items" value="唱歌"/>唱歌 <br> <input type="button" name="checkall" id="checkAll" value="全选" /> <input type="button" name="checkall" id="checkNo" value="全不选" /> <input type="button" name="checkall" id="checkRev" value="反选" /> </form> <script type="text/javascript"> window.onload=function(){ //全选 document.getElementById("checkAll").onclick=function(){ var itemsElements=document.getElementsByName("items"); for(var i=0;i<itemsElements.length;i++){ itemsElements[i].checked="checked"; } }; //全不选 document.getElementById("checkNo").onclick=function(){ var itemsElements=document.getElementsByName("items"); for(var i=0;i<itemsElements.length;i++){ itemsElements[i].checked=null; } }; //反选 document.getElementById("checkRev").onclick=function(){ var itemsElements=document.getElementsByName("items"); for (var i = 0; i < itemsElements.length; i++) { if(itemsElements[i].checked){ itemsElements[i].checked=null; }else{ itemsElements[i].checked="checked"; } } }; //全选/全不选 document.getElementById("check").onclick=function(){ var items=document.getElementsByName("items"); for(var i=0;i<items.length;i++){ items[i].checked=this.checked; } }; }; </script>
相关推荐
JavaScript与JQuery实现全选/反选/单个全选,全选自动勾选/单个未选,全选自动不勾选的区别
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
一个基于jQuery 实现的的全选、反选复选框插件源码例子
一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中
这是一个简单的复选框选择例子,用jquery做的
实现了多个复选框的选择、取消,多个不联系的复选框的删除!带sql2000的数据库
基于jQuery的三个JS复选框全选反选例子.zip
jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明。设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input ...
jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。
下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
做项目时需要实现CheckBox的全选,我想用JQuery实现,从网上找了找,网上的确有很多例子,但都不能实现我想要的全部效果
Android实现全癣单选多选功能实例,这个功能对于手机管理来说,相当有用了,一般情况下长按屏幕就会出现全选框,可多选 也可单选,选择之后可进行下一步操作,本例子就是实现这种功能,算是一个简单实用的模块实例吧...
通过修改网络上的一个树的例子实现节点的动态加载,还支持checkbox。
jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明,需要的朋友可以参考下
让DuiLib CheckBox支持全选、全不选、非全选三种状态
自己写的有关复选框的小例子,包含了全选,全不选,反选以及取值的操作,很有用的代码噢。
纯angularjs实现的checkbox多选、全选、反选的例子,不依赖源数据,不会对源数据造成任何污染。
这个是修改后的例子!之前的哪个在删除有点问题! 博文链接:https://fuhao9611.iteye.com/blog/72218