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 相关文章推荐
谈谈关于JavaScript 中的 MVC 模式
Apr 11 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
Vue中keep-alive组件作用详解
Feb 04 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
我的论坛源代码(二)
2006/10/09 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
基于jquery的loading效果实现代码
2010/11/05 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
JS+Canvas绘制动态时钟效果
2017/11/10 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
基于node.js实现爬虫的讲解
2019/02/18 Javascript
js实现鼠标拖拽缩放div实例代码
2019/03/25 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
2019/09/07 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
python中enumerate的用法实例解析
2014/08/18 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
美国保健品专家:Life Extension
2018/05/04 全球购物
八年级数学教学反思
2014/01/31 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
社区活动策划方案
2014/08/21 职场文书
招商银行工作证明
2015/06/17 职场文书