复选框全选、全不选和反选的效果实现
2015-09-18 21:28
453 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>石家庄车库棚|tongtianty.net---复选框全选、全不选和反选的效果实现</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function checkAll() { for (var j = 1; j <= 9; j++) { box = eval("document.checkboxform.C" + j); if (box.checked == false) box.checked = true; } } function uncheckAll() { for (var j = 1; j <= 9; j++) { box = eval("document.checkboxform.C" + j); if (box.checked == true) box.checked = false; } } function switchAll() { for (var j = 1; j <= 9; j++) { box = eval("document.checkboxform.C" + j); box.checked = !box.checked; } } // End --> </script> </head> <body> <form name=checkboxform> <input type=checkbox name=C1 checked>C1<br> <input type=checkbox name=C2 checked>C2<br> <input type=checkbox name=C3 checked>C3<br> <input type=checkbox name=C4 checked>C4<br> <input type=checkbox name=C5 checked>C5<br> <input type=checkbox name=C6 checked>C6<br> <input type=checkbox name=C7 checked>C7<br> <input type=checkbox name=C8 checked>C8<br> <input type=checkbox name=C9 checked>C9<br> <br> <input type=button value="全部选中" onClick="checkAll()"><br> <input type=button value="全部不选" onClick="uncheckAll()"><br> <input type=button value="选择转换" onClick="switchAll()"><br> </form> <br><br><hr> </html>
相关文章推荐
- 源码编译安装vsftpd3.0.2
- Java设置全局热键钩子——第三方包jintellitype实现
- 欢迎使用CSDN-markdown编辑器
- Android 自定义View——蒙版擦除效果实现
- 51nod 1232 完美数 / codeforces 55D 数位DP
- HDU4167
- UITableView(表视图)使用详解
- android selector 小坑
- Manacher算法
- Smarty 时间 格式
- 欧拉函数
- php连接sqlserver
- LEETCODE-Climbing Stairs
- 京东2015在线笔试 (1)
- Java HashMap的工作原理
- poj 2479 最大连续子段和 dp算法
- 欧拉函数
- Effective Java 英文 第二版 读书笔记 Item 7:Avoid finalizers
- 京东2015在线笔试 (1)
- mysql和oracle的一个汉字占几个字符