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 HTML中的table
Apr 15 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
vue快捷键与基础指令详解
Jun 01 Javascript
seajs模块压缩问题与解决方法实例分析
Oct 10 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
Vue 嵌套路由使用总结(推荐)
Jan 13 Javascript
jQuery实现tab栏切换效果
Dec 22 jQuery
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中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
javascript 正则表达式相关应介绍
2012/11/27 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
pycharm安装和首次使用教程
2018/08/27 Python
python实现图书借阅系统
2019/02/20 Python
python里 super类的工作原理详解
2019/06/19 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
莫斯科制造商的廉价皮大衣:Fursk
2020/06/09 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
民事调解协议书
2016/03/21 职场文书
Java数组详细介绍及相关工具类
2022/04/14 Java/Android