<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效_选中一行改变当前行背景色/全选并改变全部背景色</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" onChange="tr_bgcolor(this)" /></td>
            <td width="94%">*********************** </td>
          </tr>
          <tr>
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr style="background-color:#eee">
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr>
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr style="background-color:#eee">
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr>
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr style="background-color:#eee">
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr>
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
          <tr style="background-color:#eee">
            <td><input type="checkbox" name="checkbox" onChange="tr_bgcolor(this)" /></td>
            <td>*********************** </td>
          </tr>
        </table></td>
    </tr>
  </table>
</form>
</body>
</html>