繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 设置某DIV区域内的checkbox复选框
- Javascript
- JS option location 页面跳转实现代码
- ExtJS 简介 让你知道extjs是什么
- ExtJs 学习笔记 Hello World!
- ExtJs 学习笔记基础篇 Ext组件的使用
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
- 漂亮的脚本日历,和大家分享
- JS Tween 颜色渐变
- js 图片轮播(5张图片)
- 开发跨浏览器javascript常见注意事项
- 通用JS事件写法实现代码
- Js 订制自己的AlertBox(信息提示框)
- js 浮动层菜单收藏
- JavaScript入门教程(10) 认识其他对象
- JQuery 常用方法基础教程
- jQuery 页面载入进度条实现代码
- jQuery Ajax 全解析
- CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
- Ext JS Grid在IE6 下宽度的问题解决方法
- js window.event对象详尽解析
- JavaScript 悬浮窗口实现代码
Javascript 中的 javascript 设置某DIV区域内的checkbox复选框
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 156 ::
收藏到网摘: n/a
主要用到dom的两个函数document.getElementById(id)和document.getElementsByTagName(name),希望对写复选框全选的虾们有些许帮助。 <!--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里即可。
评论 (0) All
