JavaScript实现全选所有复选框
本文介绍如何使用JavaScript实现全选所有复选框,全选复选框在实际应用得较多,例如批量删除、编辑等功能时玩玩会用到。
JavaScript代码:
<script language="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field.checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field.checked = false; }
checkflag = "false";
return "Check All"; }
}
// End -->
</script>
Html代码:
<form name=myform action="" method=post>
<table width="133">
<tr><td width="125">
<b>软件系数调查:<br></b> <br>
<input type=checkbox name=list value="1">软件的界面<br>
<input type=checkbox name=list value="2">特效很多<br>
<input type=checkbox name=list value="3">分类详细<br>
<input type=checkbox name=list value="4">完全免费<br>
<input type=checkbox name=list value="5">特效很实用<br>
<input type=checkbox name=list value="6">更新速度快<br>
<br>
<input type=button value=" 全部选定 " onClick="this.value="/check(this.form.list)"">
</td></tr>
</table>
</form>
- 默认分类(20)
- J2EE(25)
- Java(56)
- PHP(55)
- SEO(10)
- 网页设计(20)
- 网站建设(37)
- 数据库(7)
- JavaScript(17)
- JQuery(6)
- MySQL(20)
- SQL Server(6)
- Access(1)
- Oracle(6)
- office(6)
- Dreamweaver(4)
- Photoshop(12)
- Flash(9)
- Fireworks(13)
- CSS(14)
- HTML(4)
- .NET(7)
- ASP(2)
- DB2(1)
- Ajax(2)
- Linux(12)
- Struts(7)
- Hibernate(8)
- Spring(2)
- Jsp(22)
- Asp(8)
- C#(3)
- C++(1)
- 网络安全(5)
- 软件工程(7)
- XML(1)
- English(2)
- 计算机等级考试(2)
- 计算机病毒(4)
- 个人日志(76)
- 互联网(15)
- ActionScript(10)
- Android(3)
- 数据结构与算法(1)
- 游戏策略(3)
- 美文翻译(2)
- 编程开发(19)
- 计算机应用(4)
- 计算机(10)
- Unity3d(6)
- 其他(1)
- egret(1)