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 相关文章推荐
关于html+ashx开发中几个问题的解决方法
Jul 18 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
浅谈Angular路由复用策略
Oct 04 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
详解Vue用cmd创建项目
Feb 12 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
深入浅析vue全局环境变量和模式
Apr 28 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
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
控制文字内容的显示与隐藏示例
2014/06/11 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
优雅的在React项目中使用Redux的方法
2018/11/10 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
Vue强制组件重新渲染的方法讨论
2020/02/03 Javascript
python列表去重的二种方法
2014/02/14 Python
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
简单英文演讲稿
2014/01/01 职场文书
大学自主招生推荐信
2014/05/10 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
公司承诺函范文
2015/01/21 职场文书
2015中学学校工作总结
2015/07/20 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
子女赡养老人协议书
2016/03/23 职场文书
导游词之崇武古城
2019/10/07 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle