チェックした行の色を変える

質問

簡単にできそうかなと思ってやってみたら、泥沼状態。

チェックボックスにチェック入れたときにその行をハイライトさせ、チェックはずすと元に戻るようにしたいのですが。

【チェック入れた時の状態】
<TABLE BORDER="1">
<TR>
<TD><INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox"></TD>
<TD></TD>
</TR>
<TR BGCOLOR="red">
<TD><INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" CHECKED></TD>
<TD></TD>
</TR>
<TR>
<TD><INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox"></TD>
<TD></TD>
</TR>
</TABLE>

回答No.1

FlossenEngel · ベストアンサー

一例ですが。

<script language="javascript">
function change(tr,n) {
tr.bgColor=CheckBox[n].checked?"#ff0000":"#ffffff";
}
</script>

<TABLE BORDER="1">
<TR id="tr1">
<TD>
<INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr1,0)"></TD>
</TR>
<TR id="tr2">
<TD>
<INPUT TYPE="CHECKBOX" NAME="CheckBox" VALUE="CheckBox" onclick="change(tr2,1)"></TR>
</TABLE>

お礼

回答ありがとうございました。
とってもシンプルな内容で、感激！
泥沼であれこれ書いていた内容はなんだたんだ・・と無力感に陥っております。 (^^;