인터넷정보

체크박스 체크시 해당테이블 배경색바꾸기

알 수 없는 사용자 2007. 10. 17. 18:16


<HTML>
<HEAD>
<STYLE TYPE='text/css'>
<!--
BODY,P,DIV,TD { font: 9pt; }
TR.H {BACKGROUND-COLOR: ff5000; }
-->
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
var bname = navigator.appName;
var IE = 'Microsoft Internet Explorer';
if (bname==IE) { ie = 1; }
else { ie = 0; }

function ChangeColor(td) {
if(td.checked) hL(td);
else dL(td);
}

function hL(E) {
if (ie) {
while (E.tagName!="TR") { E = E.parentElement; }
} else {
while (E.tagName!="TR") { E = E.parentNode; }
}
E.className = "H";
}

function dL(E) {
if (ie) {
while (E.tagName!="TR") { E = E.parentElement; }
} else {
while (E.tagName!="TR") { E = E.parentNode; }
}
E.className = "";
}

//-->
</SCRIPT>

</HEAD>

<BODY>

<FORM name=ck_form>

<TABLE border=0 style="border:solid 1px #000000">
<TR>
<TD>1열</TD>
<TD>1에 해당하는 컨텐츠입니다.</TD>
<TD><input type=checkbox name=check[] onClick=ChangeColor(this)></TD>
</TR>

<TR>
<TD>2열</TD>
<TD>2에 해당하는 컨텐츠입니다.</TD>
<TD><input type=checkbox name=check[] onClick=ChangeColor(this)></TD>
</TR>

<TR>
<TD>3열</TD>
<TD>3에 해당하는 컨텐츠입니다.</TD>
<TD><input type=checkbox name=check[] onClick=ChangeColor(this)></TD>
</TR>

<TR>
<TD>4열</TD>
<TD>5에 해당하는 컨텐츠입니다.</TD>
<TD><input type=checkbox name=check[] onClick=ChangeColor(this)></TD>
</TR>

</TABLE>

</FORM>

출처 : phpschool 노정호님

</BODY>
</HTML> 

   

반응형