javascript 设置某DIV区域内的checkbox复选框


Posted in Javascript onNovember 30, 2009

<!--HTML代码片段如下: -->

<div id="div1"> 
<input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
</div> 
<br/> 
<div id="div2"> 
<input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全选<br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
<input type="checkbox" /><br/> 
</div>

<!--js代码片段如下: -->
<script type="text/javascript"> 
function selectCheckBoxes(domId,value) { 
var inputs = document.getElementById(domId).getElementsByTagName("input"); 
for(var i = 0; i < inputs.length; i++) { 
if (inputs[i].type == 'checkbox') { 
inputs[i].checked=value; 
} 
} 
} 
</script>

将以上代码放到body里即可。
Javascript 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
JS判断数组那点事
Oct 10 Javascript
浅谈Vue.js路由管理器 Vue Router
Aug 16 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 #Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 #Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 #Javascript
JavaScript 闭包在封装函数时的简单分析
Nov 28 #Javascript
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
Nov 27 #Javascript
Javascript 复制数组实现代码
Nov 26 #Javascript
js setattribute批量设置css样式
Nov 26 #Javascript
You might like
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
php生成图片缩略图的方法
2015/04/07 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
PHP多种序列化/反序列化的方法详解
2017/06/23 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
2013/07/31 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
vue多层嵌套路由实例分析
2019/03/19 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
通信工程求职信
2014/07/16 职场文书
安全责任书范文
2014/08/25 职场文书
施工安全保证书
2015/05/09 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
Redis6.0搭建集群Redis-cluster的方法
2021/05/08 Redis