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代码(站点及虚拟目录)
Oct 20 Javascript
JQuery中$.ajax()方法参数详解及应用
Dec 12 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
Vue.use源码分析
Apr 22 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
JS运算符简单用法示例
Jan 19 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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
安装APACHE
2007/01/15 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
ThinkPHP3.1.3版本新特性概述
2014/06/19 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
php给图片加文字水印
2015/07/31 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
javascript  删除select中的所有option的实例
2017/09/17 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
让Vue也可以使用Redux的方法
2018/05/23 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
讲解Python中if语句的嵌套用法
2015/05/14 Python
Django小白教程之Django用户注册与登录
2016/04/22 Python
Python脚本实现自动发带图的微博
2016/04/27 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
使用python画社交网络图实例代码
2019/07/10 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
python 实现二维字典的键值合并等函数
2019/12/06 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
linux面试题参考答案(7)
2014/07/24 面试题
客服专员岗位职责范本
2013/11/29 职场文书
厉行节约工作总结
2015/08/12 职场文书
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电
Python字符串的转义字符
2022/04/07 Python