闲扯 Javascript 02 全选、不选、反选
2014-04-21 16:31
417 查看
<body> <input id="btn1" type="button" value="全选" /><br> <input id="btn2" type="button" value="不选" /><br> <input id="btn3" type="button" value="反选" /><br> <div id="div1"> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> <input type="checkbox" /><br> </div> </body>
<script> window.onload=function () { var oBtn1=document.getElementById('btn1'); var oBtn2=document.getElementById('btn2'); var oBtn3=document.getElementById('btn3'); var oDiv=document.getElementById('div1'); var aCh=oDiv.getElementsByTagName('input'); oBtn1.onclick=function () { for(var i=0;i<aCh.length;i++) { aCh[i].checked=true; } } oBtn2.onclick=function () { for(var i=0;i<aCh.length;i++) { aCh[i].checked=false; } } oBtn3.onclick=function () { for(var i=0;i<aCh.length;i++) { if(aCh[i].checked==true) { aCh[i].checked=false; } else { aCh[i].checked=true; } } } } </script>
相关文章推荐
- JSON使用
- 自己封装js的ArrayList类
- Extjs4---Grid表格分页处理
- json 序列化和反序列化
- jstl字符串处理
- js window.open 参数设置
- JavaScript学习03 JS函数
- JS 变量是否有值的判断
- 最短JS判断IE6/IE7/IE8系列的写法
- jsp、freemarker、velocity比较
- JS判断浏览器
- JSON介绍
- Chrome扩展程序 后台js与前台js数据交互
- errors running builder ‘javascript validator’ on project
- JS快速获取图片宽高的方法
- 利用firebug的console.profile分析js代码性能
- js javascript 判断字符串是否包含某字符串,String对象中查找子字符,indexOf
- Javascript Number的精度问题
- zTree3.5使用ajax请求返回json数据时遇到的问题
- div拖拽插件——JQ.MoveBox.js(JQ插件学习)