选择框
2015-06-23 18:57
190 查看
有一些按钮,实现全选,反选,不选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>选择框</title> <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++){//for循环将所有的选择框变为true aCh[i].checked=true; } }; oBtn2.onclick=function (){//不选 for(var i=0;i<aCh.length;i++){//for循环将所有的选择框变为false aCh[i].checked=false; } }; oBtn3.onclick=function (){//反选 for(var i=0;i<aCh.length;i++){//for循环将true变为false,将false变为true if(aCh[i].checked==true){ aCh[i].checked=false; }else{ aCh[i].checked=true; } } }; }; </script> </head> <body> <input id="btn1" type="button" value="全选"/> <input id="btn2" type="button" value="不选"/> <input id="btn3" type="button" value="反选"/> <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> </div> </body> </html>
相关文章推荐
- 指令集
- 常见的hash函数
- 用一个异质链表(多态性)保存学生数据
- Android---57---传感器
- AJAX小练习,防止以后忘记
- 如何做移动O2O产品的运营推广
- /etc/profile ~/.bash_profile ~/.bashrc /etc/bashrc文件调用顺序解析
- Eclipse-jsp
- 深度剖析 函数指针
- Time Date DateTime的继承与派生及运算符重载
- 2015第26周二
- 记一次nginx无法访问的问题
- Flashback Data Archive ( Oracle Total Recall ) introduced in 11g
- LabWindows/CVI 下载
- Android基本控件之TextView和EditView
- 关于ping以及TTL的分析
- 2015半年总结,我要实现的个人目标
- 第七章
- Quick Reference:php5 Xdebug 代码覆盖分析
- android中关于tools:context="activity name"解惑