全选并改变TR颜色

来源:互联网 发布:淘宝床单四件套 编辑:程序博客网 时间:2024/04/30 11:26

 <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---全选并改变TR颜色</title>
<script language="JavaScript" type="text/javascript" for="checkbox" event="onclick">
tr_bgcolor(this);
</script>
<script language="JavaScript" type="text/javascript">
<!--
function tr_bgcolor(c){
 var tr = c.parentNode.parentNode;
 tr.rowIndex % 2 == 0 ? tr.style.backgroundColor = c.checked ? '#add6a6' : '#eee' : tr.style.backgroundColor = c.checked ? '#add6d6' : '';
}
function selall(obj){
 for (var i=0; i<obj.form.elements.length; i++)
 if (obj.form.elements[i].type == 'checkbox' && obj.form.elements[i] != obj){
  obj.form.elements[i].checked = obj.checked;
  tr_bgcolor(obj.form.elements[i]);
 }
}
//-->
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#888888">
<tr><td><input name="selectall" type="checkbox" value="全选" onclick="selall(this)" /></td></tr>
<tr><td>
 <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
 <tr style="background-color:#eee;"><td width="6%"><input type="checkbox" name="checkbox" /></td><td width="94%">***********************</td></tr>
 <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>
 </table>
</td></tr>
</table>
</form>
</body>

</html>