js checkbox全选 反选 取消全部设置表单html复选框勾选
2014-05-21 11:13
671 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js checkbox全选 反选 取消全部设置表单checkbox复选框勾选</title> <script type="text/javascript"> //全选 function selectAll(obj){ for(var i = 0;i<obj.elements.length;i++) if(obj.elements[i].type == "checkbox") obj.elements[i].checked = true; } //反选 function selectOther(obj){ for(var i = 0;i<obj.elements.length;i++) if(obj.elements[i].type == "checkbox" ){ if(!obj.elements[i].checked) obj.elements[i].checked = true; else obj.elements[i].checked = false; } } //取消全部 function clearAll(obj){ for(var i = 0;i<obj.elements.length;i++) if(obj.elements[i].type == "checkbox") obj.elements[i].checked = false; } </script> </head> <body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} label{cursor:pointer;} .demo{width:300px;margin:100px auto;} .demo li{height:28px;line-height:28px;} </style> <div class="demo"> <form name="check" id="" method="post"> <ul> <li><input type="checkbox" id="choose01" /><label for="choose01">jquery图片特效</label></li> <li><input type="checkbox" id="choose02" /><label for="choose02">jquery导航菜单</label></li> <li><input type="checkbox" id="choose03" /><label for="choose03">jquery选项卡特效</label></li> <li><input type="checkbox" id="choose04" /><label for="choose04">jquery 文字特效</label></li> <li><input type="checkbox" id="choose05" /><label for="choose05">jquery表单特效</label></li> <li><input type="checkbox" id="choose06" /><label for="choose06">jquery表格特效</label></li> <li><input type="button" value="全选" onclick="selectAll(document.check)" /> <input type="button" value="反选" onclick="selectOther(document.check)" /> <input type="button" value="全部取消" onclick="clearAll(document.check)" /></li> </ul> </form> </div> </body> </html>
相关文章推荐
- js checkbox全选 反选 取消全部设置表单checkbox复选框勾选
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- Html checkbox全部选择或全部取消
- jquery实现复选框checkbox全选,取消全选
- 前台js 2种 全选和不全选checkbox复选框
- 一段checkbox全选或钱取消的js代码
- JS 控制复选框 checkbox 的全选、全不选与反选
- 用JS完成复选框checkbox的全选\反选\删除确认
- jquery实现复选框checkbox全选,取消全选
- JS基础学习篇----JS控制checkbox全选、取消全选、删除功能
- 用JS实现CheckBox的全选 修改 取消 查询 删除的函数
- 用js给html表单设置style
- 如何用js给html表单设置style
- jquery实现复选框checkbox全选,取消全选
- 全选复选框 分类: 网页编程【html、js】 2009-11-02 20:56 257人阅读 评论(0) 收藏
- JQUERY复选框CHECKBOX全选,取消全选
- JS全选,复选框是.net服务器控件checkBox 在GridView中的模板列
- gridview中Checkbox全选或全取消的js代码