实例178.checkbox全选按钮.html

来自「JavaScript精彩网页特效实例精粹」· HTML 代码 · 共 30 行

<script language=javascript>
<!--
function ReverseCheckList(){
for(var i=0;i<document.listform.elements.length;i++){
var e=document.listform.elements[i]; 
e.checked=!e.checked;
}
}
//-->
</script>
<form method="post" name="listform">	
<table>
	<tr>
	<td width=40 height=20 onClick="javascript:ReverseCheckList()" STYLE='cursor:hand'>全选</td>	
	<td>程序语言</td>	
	</tr>	
	<tr>
            <td height=20><input type="checkbox" name="selectid" ></td>
	<td height=20>javascript</td>
	</tr>
	<tr>
            <td height=20><input type="checkbox" name="selectid"></td>
	<td height=20>VBscript</td>
	</tr>
	<tr>
            <td height=20><input type="checkbox" name="selectid"></td>
	<td height=20>ASP.NET</td>
	</tr>
</table>
</form>