javascript实现checkbox全选的代码
代码:
function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ; }else{ allBoxs[i].checked = false ; } } } }
使用方法①
<a href="" onclick="checkall('goods')">全选</a>
注意:'goods'是所有需要选中的checkbox的name
使用方法②
<a href="" id="checkAll">全选</a> <script> document.getElementById('checkAll').onclick = function () { checkall('goods') }; </script>
注意:'goods'是所有需要选中的checkbox的name
以上2种方法就是本文给大家总结的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。
相关推荐
-
JavaScript判断表单中多选框checkbox选中个数的方法
本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript检测并判断出表单中多选框的选中个数,也就是checkbox被选择了多少,在以前,这个问题经常被各大论坛问到,因为检测checkbox不像检测输入框那么简单,尤其是判断个数也经常会遇到,所以说觉得这个Js代码还是很有用的,大家有兴趣的再完善一下. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ch
-
动态获取复选框checkbox选中个数的jquery代码
今天碰到"jquery动态获取复选框checkbox选中的个数",首先看下面例子: 复制代码 代码如下: <input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="check
-
javascript使用avalon绑定实现checkbox全选
duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅.下面随便演示一个常见的checkbox全选. 要求:(老掉牙了,还是说一下) 1.勾选了全选框后,下面的子选框全被勾选:没勾选全选框,则子选框全部不勾选 2.子选框如果有一个未勾选,则取消全选框勾选: 3.子选框全部勾选,则勾选全选框 <!DOCTYPE html> <html> <head> <meta http-equiv="Co
-
JQuery限制复选框checkbox可选中个数的方法
本文实例讲述了JQuery限制复选框checkbox可选中个数的方法.分享给大家供大家参考.具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 如果小于则所有复选框都能选择 <script type="text/javascript"> $(document).ready(function() { $('input[type=checkbox]').click(function() { $("
-
用 Javascript 验证表单(form)中多选框(checkbox)值
本文介绍了一个较为通用的获取 checkbox 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase(
-
JavaScript获取和设置CheckBox状态的简单方法
注意: 针对单个复选框的情况! 复制代码 代码如下: var obj = document.getElementById("tt");var value = obj.checked;alert(value);// 若选中,则返回true,否则返回falseobj.checked = false;// 设置复选框为不选中状态
-
js限制checkbox选中个数以限制六个为例
今天在做项目时,碰到一个问题,我需要展示多个checkbox复选框,而只能允许最多选6个.调试了老半天,终于出来了,代码如下: <SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT&g
-
javascript 设置某DIV区域内的checkbox复选框
<!--HTML代码片段如下: --> 复制代码 代码如下: <div id="div1"> <input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/> <input type="checkbox" /><br/> <input type=&quo
-
Javascript实现CheckBox的全选与取消全选的代码
本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强. 效果图:运行查看效果: function checkAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i 字母全选开关 a b c d e f g 数字全选开关 1 2 3 [Ctrl+A 全选 注
-
javaScript checkbox 全选/反选及批量删除
前台代码 复制代码 代码如下: <script type="text/javascript"> var a; function CheckAll(){ if(a==1) { for(var i=0;i<window.document.form1.elements.length;i++) { var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var i=0;i<window.docum
随机推荐
- JavaScript小技巧 2.5 则
- asp.net下遍历页面中所有的指定控件的代码
- hta实现的笨狼XSLT练习器
- 批处理的"循环"效果脚本
- js获取图片长和宽度的代码
- Zend Framework创建自己的动作助手详解
- PHP date()函数警告: It is not safe to rely on the system解决方法
- 计算两个时间之差的函数
- 360浏览器文本框获得焦点后被android软键盘遮罩该怎么办
- 浅谈PHP变量作用域以及地址引用问题
- css与javascript跨浏览器兼容性总结
- Ajax点击不断加载数据列表
- Powershell小技巧之使用WS-Man来调用PowerShell命令
- Lua和C++的通信流程代码实例
- 浅谈jQuery构造函数分析
- php 判断过去离现在几年的函数(实例代码)
- 微信小程序 POST请求的实例详解
- C++通过COM接口操作PPT
- ASP编程入门进阶(五):内置对象Response
- 浅析Javascript中双等号(==)隐性转换机制