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使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
Javascript基础教程之for循环
Jan 18 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
vue组件实现进度条效果
Jun 06 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
JS深入学习之数组对象排序操作示例
May 01 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 快速生成 Flash 动画的方法
2007/03/06 PHP
php foreach 使用&amp;(与运算符)引用赋值要注意的问题
2010/02/16 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
解析php5配置使用pdo
2013/07/03 PHP
php实现的CSS更新类实例
2014/09/22 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python树莓派红外反射传感器
2019/01/21 Python
pycharm创建一个python包方法图解
2019/04/10 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
python元组拆包实现方法
2021/02/28 Python
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
WSDL的操作类型主要有几种
2013/07/19 面试题
我们的节日端午节活动方案
2014/03/02 职场文书
小班上学期评语
2014/05/05 职场文书
法制宣传教育方案
2014/05/09 职场文书
环保建议书100字
2014/05/14 职场文书
中文专业求职信
2014/06/20 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫
搭建Yolov5服务器
2022/04/30 Servers
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers