Well, I got it to color the row if the checkbox is checked. You need to add code to make the color change back if it is unchecked. Also, I was trying to make it so you could just click anywhere in the row and the color changes and the checkbox gets checked but I am still working on that part. Here is what I have so far.
<HTML>
<HEAD>
<TITLE></TITLE>
<script language=javascript>
function test(IDName)
{
var flag = false;
var o = document.forms.myne.elements;
var myArray = new Array(7);
for (var ii=0; ii<o.length; ii++)
{
flag = false;
if (o[ii].name=='check1' && o[ii].checked==true)
{
flag = true;
myArray[ii] = "checked";
//alert(flag);
}
else
myArray[ii] = "unchecked";
//alert(flag);
}
for (ii = 0;ii < o.length;ii++)
{
if (myArray[ii] = "checked"
{
document.getElementById(IDName).style.backgroundColor = "blue";
}
}
}
</script>
</HEAD>
<BODY>
<form name=myne>
<TABLE cellSpacing=1 cellPadding=1 width="75%" border="0">
<TR>
<TD id="idABC">
<table border="1">
<tr><td width="180px" id=0><input type="checkbox" name="check1" onClick="test(0)">Blah blah blah</td></tr>
<tr><td width="180px" id=1><input type="checkbox" name="check1" onclick="test(1)"></td></tr>
<tr><td width="180px" id=2><input type="checkbox" name="check1" onclick="test(2)"></td></tr>
<tr><td width="180px" id=3><input type="checkbox" name="check1" onclick="test(3)"></td></tr>
<tr><td width="180px" id=4><input type="checkbox" name="check1" onclick="test(4)"></td></tr>
<tr><td width="180px" id=5><input type="checkbox" name="check1" onclick="test(5)"></td></tr>
<tr><td width="180px" id=6><input type="checkbox" name="check1" onclick="test(6)"></td></tr>
</table>
</TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TABLE>
</form>
</BODY>
</HTML>
