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 相关文章推荐
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
Jun 08 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
React Native AsyncStorage本地存储工具类
Oct 24 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
实例详解带参数的 npm script
May 28 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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实现单链表的实例代码
2013/03/22 PHP
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
PHP自定义递归函数实现数组转JSON功能【支持GBK编码】
2018/07/17 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python 字典(dict)按键和值排序
2016/06/28 Python
Python获取当前路径实现代码
2017/05/08 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
C#笔试题
2015/07/14 面试题
《美丽的黄昏》教学反思
2014/02/28 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
租房协议书范例
2014/10/14 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript
python实现层次聚类的方法
2021/11/01 Python
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技