checkbox and table

Jul 15, 2004 Author: | Filed under: Uncategorized

</p> <p><html></p> <p><head></p> <p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></p> <style> <p>td{</p> <p> font-size:12px</p> <p>}</p> </style> <p><script></p> <p>color=new Array()</p> <p>color[0]=”#DAE4EF”</p> <p>color[1]=”#C4D3E6″</p> <p>color[2]=”#AEC4DD”</p> <p>color[3]=”#95B3D2″</p> <p>color[4]=”#6C97C1″</p> <p>color[5]=”#3D6792″</p> <p>function selall(obj,cells){</p> <p>for (j=1;j<qxt.rows.length;j++)</p> <p> {</p> <p> for (i=0;i<document.forms[0].length;i++)</p> <p> {</p> <p> var e=document.forms[0].elements[i];</p> <p> if (e.offsetParent==qxt.rows[j].cells[cells])</p> <p> {</p> <p> e.checked=obj.checked</p> <p> if (e.checked && j>=2)</p> <p> e.offsetParent.style.backgroundColor=color[cells]</p> <p> else</p> <p> e.offsetParent.style.backgroundColor=”"</p> <p> }</p> <p> }</p> <p> }</p> <p>initcolor()</p> <p>}</p> <p>function initcolor(){</p> <p>for (j=2;j<qxt.rows.length;j++)</p> <p>{</p> <p> for (i=qxt.rows[j].cells.length-2;i>-1;i–)</p> <p> {</p> <p> h=qxt.rows[j].cells[i].innerHTML.toLowerCase()</p> <p> qxt.rows[j].cells[qxt.rows[j].cells.length-1].style.backgroundColor=”"</p> <p> if (h.match(’checked’)==’checked’)</p> <p> {</p> <p> qxt.rows[j].cells[qxt.rows[j].cells.length-1].style.backgroundColor=”#dce7e7″</p> <p> i=-1</p> <p> }</p> <p> }</p> <p>}</p> <p>}</p> <p>function check(obj){</p> <p>celid=obj.offsetParent.cellIndex</p> <p> for (i=0;i<document.forms[0].length;i++)</p> <p> {</p> <p> var e=document.forms[0].elements[i];</p> <p> if (e.offsetParent==qxt.rows[1].cells[celid]) e.checked=false</p> <p> if (obj.checked)</p> <p> obj.offsetParent.style.backgroundColor=color[celid]</p> <p> else</p> <p> obj.offsetParent.style.backgroundColor=""</p> <p> }</p> <p>initcolor()</p> <p>}</p> <p>function reload(){</p> <p>document.frm.reset();</p> <p>initcolor()</p> <p>}</p> <p></script></p> <p></head></p> <p><body onload='initcolor()'></p> <form method="post"> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr> <td height="100%" nowrap align="middle" valign="top"> <p></BVR><br /> <table border="1" width="523" bordercolor="#000000" bgcolor="#ffffff" style="BORDER-COLLAPSE: collapse" cellspacing="3" cellpadding="0" class=bd> <tr> <td> <table border="1" width="100%" style="BORDER-COLLAPSE: collapse" bordercolor="#808080" cellpadding="0" bgcolor="#edf3f3" cellspacing="0"> <tr> <td bgcolor="#669999" class="menubar" height="26"> <p align="center"><font size="3" color="#ffffff" class=song_10><b>权限管理</b></font></p> </td> </tr> <tr> <td class=song_black_14 > <table border="1" width="100%" id="qxt" cellspacing="0" cellpadding="2" bordercolor="#a5c2c2" style="BORDER-COLLAPSE: collapse" bgcolor="#ffffff"> <tr bgcolor=#a5c2c2 height=24> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限1</b></font></td> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>2</b></font></td> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>3</b></font></td> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>4</b></font></td> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>5</b></font></td> <td align="middle" width="16%" nowrap> <p> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>6</b></font></td> <td width="107" align="middle" nowrap><b><font size="2" color="#000000">员工 </font></p> <p> </b></td> </tr> <tr bgcolor="#dce7e7"> <td align="middle" > <input type="checkbox" onclick='selall(this,0)'></td> <td align="middle"> <input type="checkbox" onclick='selall(this,1)'></td> <td align="middle"> <input type="checkbox" onclick='selall(this,2)'></td> <td align="middle"> <input type="checkbox" onclick='selall(this,3)'></td> <td align="middle"> <input type="checkbox" onclick='selall(this,4)'></td> <td align="middle"> <input type="checkbox" onclick='selall(this,5)'></td> <td width="107">全体员工</td> </tr> <tr> <td align="middle" > <input type="checkbox" name="g2" value="1" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g2" value="2" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g2" value="4" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g2" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="g2" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)' name="C1" value="ON"></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:1px"><b>老总(组)</b></td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="g1" value="1" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g1" value="2" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g1" value="4" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="g1" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="g1" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)' name="C1" value="ON"></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:1px"><b>会计(组)</b></td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="a7" value="1" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a7" value="2" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a7" value="4" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a7" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a7" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> 3838</td> </tr> </table> </td> </tr> <tr> <td align="middle" style='background-color:#DAE4EF'> <input type="checkbox" name="a4" value="1" checked onclick="check(this)"></td> <td align="middle" style='background-color:#C4D3E6'> <input type="checkbox" name="a4" value="2" checked onclick="check(this)"></td> <td align="middle" style='background-color:#AEC4DD'> <input type="checkbox" name="a4" value="4" checked onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a4" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a4" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> kwer</td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="a1" value="1" onclick="check(this)"></td> <td align="middle" style='background-color:#C4D3E6'> <input type="checkbox" name="a1" value="2" checked onclick="check(this)"></td> <td align="middle" style='background-color:#AEC4DD'> <input type="checkbox" name="a1" value="4" checked onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a1" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a1" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> kuaiji</td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="a2" value="1" onclick="check(this)"></td> <td align="middle" style='background-color:#C4D3E6'> <input type="checkbox" name="a2" value="2" checked onclick="check(this)"></td> <td align="middle" style='background-color:#AEC4DD'> <input type="checkbox" name="a2" value="4" checked onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a2" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a2" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> <p> test</td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="a3" value="1" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a3" value="2" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a3" value="4" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a3" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a3" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> <p> ssd</td> </tr> </table> </td> </tr> <tr> <td align="middle" style='background-color:#DAE4EF'> <input type="checkbox" name="a5" value="1" checked onclick="check(this)"></td> <td align="middle" style='background-color:#C4D3E6'> <input type="checkbox" name="a5" value="2" checked onclick="check(this)"></td> <td align="middle" style='background-color:#AEC4DD'> <input type="checkbox" name="a5" value="4" checked onclick="check(this)"></td> <td align="middle" style='background-color:#95B3D2'> <input type="checkbox" name="a5" value="8" checked onclick='check(this)'></td> <td align="middle" style='background-color:#6C97C1'> <input type="checkbox" name="a5" value="16" checked onclick='check(this)'></td> <td align="middle"> <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> <p> wer34</td> </tr> </table> </td> </tr> <tr> <td align="middle" > <input type="checkbox" name="a6" value="1" onclick="check(this)"></td> <td align="middle" style='background-color:#C4D3E6'> <input type="checkbox" name="a6" value="2" checked onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a6" value="4" onclick="check(this)"></td> <td align="middle" > <input type="checkbox" name="a6" value="8" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" name="a6" value="16" onclick='check(this)'></td> <td align="middle" > <input type="checkbox" onclick='check(this)'></td> <td width="107"> <table> <tr> <td>　</td> <td style="padding-top:3px"> <p> sdfe</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <p> 　</p> </td> </tr> </table></form> <p></body></p> <p></html></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]