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 相关文章推荐
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
Apr 26 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
JavaScript对象原型链原理解析
Jan 22 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
在PHP中利用XML技术构造远程服务(下)
2006/10/09 PHP
PHP调用Webservice实例代码
2011/07/29 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
nodeJS微信分享
2017/12/20 NodeJs
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
[57:37]EG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python 查看list中是否含有某元素的方法
2018/06/27 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
pytorch之Resize()函数具体使用详解
2020/02/27 Python
python实现电子词典
2020/03/03 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
药学专业大学生自荐信
2013/09/28 职场文书
学前教育求职自荐信范文
2013/12/25 职场文书
单位领导证婚词
2014/01/14 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
迎新生晚会主持词
2015/06/30 职场文书
个人道歉信大全
2019/04/11 职场文书
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby