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 相关文章推荐
Js中获取frames中的元素示例代码
Jul 30 Javascript
JS随机漂浮广告代码具体实例
Nov 19 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
原生js实现日期联动
Jan 12 Javascript
jquery获取checkbox的值并post提交
Jan 14 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
JS实现数组去重的11种方法总结
Apr 04 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.MVC的模板标签系统(二)
2006/09/05 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
解读Python编程中的命名空间与作用域
2015/10/16 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
python常用排序算法的实现代码
2019/11/08 Python
Python使用matplotlib绘制Logistic曲线操作示例
2019/11/28 Python
win7上tensorflow2.2.0安装成功 引用DLL load failed时找不到指定模块 tensorflow has no attribute xxx 解决方法
2020/05/20 Python
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
2014/04/14 HTML / CSS
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
如何在存储过程中使用Loop
2016/01/05 面试题
社区党务公开实施方案
2014/03/18 职场文书
继承公证书格式
2015/01/26 职场文书
导游词400字
2015/02/13 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
SQL SERVER中常用日期函数的具体使用
2021/04/08 SQL Server
德劲DE1108畅想
2021/04/22 无线电