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 tab 选项卡
Apr 26 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
js自定义select下拉框美化特效
May 12 Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
vue指令做滚动加载和监听等
May 26 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 session和cookie使用说明
2010/04/07 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
php数组的概述及分类与声明代码演示
2013/02/26 PHP
php之XML转数组函数的详解
2013/06/07 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
js function使用心得
2010/05/10 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
详解Vue.js分发之作用域槽
2017/06/13 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
Js通过AES加密后PHP用Openssl解密的方法
2019/07/12 Javascript
js实现星星打分效果
2020/07/05 Javascript
win7安装python生成随机数代码分享
2013/12/27 Python
python采集百度百科的方法
2015/06/05 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
python3.6+django2.0开发一套学员管理系统
2018/03/03 Python
python实现决策树分类(2)
2018/08/30 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
没编程基础可以学python吗
2020/06/17 Python
详解python logging日志传输
2020/07/01 Python
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
幼儿园中秋节活动方案2013
2014/01/29 职场文书
经理助理岗位职责
2014/03/05 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
法人代表任命书范本
2014/06/05 职场文书
2019广播稿怎么写
2019/04/17 职场文书
Python使用sql语句对mysql数据库多条件模糊查询的思路详解
2021/04/12 Python
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript