iLeichun

当前位置: 首页 > JavaScript

JavaScript实现全选所有复选框

分类:JavaScript   来源:网络   时间:2010-08-10 09:43:31

本文介绍如何使用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>

更多