javascript 设置某DIV区域内的checkbox复选框
作者:bea
<!--HTML代码片段如下: --> 代码如下: <div id="div1"> <input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/>
<!--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里即可。
有用 | 无用
代码如下:
<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 Object的extend是一个常用的功能
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 用Javascript检查Adobe PDF插件是否安装的实现代码
- JS类的封装及实现代码
- Jquery选择器 $实现原理
- js 表格隔行颜色
- 让FireFox支持innerText的实现代码
- 兼容IE与Firefox的js 复制代码
- JavaScript 直接操作本地文件的实现代码
- js 变量类型转换常用函数与代码[比较全]
- Jquery 快速构建可拖曳的购物车DragDrop
- JavaScript 学习笔记 Black.Caffeine 09.11.28
- Ruffy javascript 学习笔记
- jquery 分页控件实现代码
- JS 动态获取节点代码innerHTML分析 [IE,FF]
- Aptana调试javascript图解教程
- jQuery chili图片远处放大插件
- document.body.scrollTop 值总为0的解决方法 比较常见的标准问题