checkbox and table - 达人(缺缺)

2004/08/18 | checkbox and table
类别(JScript) | 评论(0) | 阅读(118) | 发表于 09:49: <html> <head> <title>权限管理</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> td{ font-size:12px } </style> <script> color=new Array() color[0]="#DAE4EF" color[1]="#C4D3E6" color[2]="#AEC4DD" color[3]="#95B3D2" color[4]="#6C97C1" color[5]="#3D6792" function selall(obj,cells){ for (j=1;j<qxt.rows.length;j++) { for (i=0;i<document.forms[0].length;i++) { var e=document.forms[0].elements[i]; if (e.offsetParent==qxt.rows[j].cells[cells]) { e.checked=obj.checked if (e.checked && j>=2) e.offsetParent.style.backgroundColor=color[cells] else e.offsetParent.style.backgroundColor="" } } } initcolor() } function initcolor(){ for (j=2;j<qxt.rows.length;j++) { for (i=qxt.rows[j].cells.length-2;i>-1;i--) { h=qxt.rows[j].cells[i].innerHTML.toLowerCase() qxt.rows[j].cells[qxt.rows[j].cells.length-1].style.backgroundColor="" if (h.match('checked')=='checked') { qxt.rows[j].cells[qxt.rows[j].cells.length-1].style.backgroundColor="#dce7e7" i=-1 } } } } function check(obj){ celid=obj.offsetParent.cellIndex for (i=0;i<document.forms[0].length;i++) { var e=document.forms[0].elements[i]; if (e.offsetParent==qxt.rows[1].cells[celid]) e.checked=false if (obj.checked) obj.offsetParent.style.backgroundColor=color[celid] else obj.offsetParent.style.backgroundColor="" } initcolor() } function reload(){ document.frm.reset(); initcolor() } </script> </head> <body onload='initcolor()'> <form method="post"> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr> <td height="100%" nowrap align="middle" valign="top"> <br><br></BVR><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> <font size="2" color="#000000"><b>权限1</b></font></td> <td align="middle" width="16%" nowrap> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>2</b></font></td> <td align="middle" width="16%" nowrap> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>3</b></font></td> <td align="middle" width="16%" nowrap> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>4</b></font></td> <td align="middle" width="16%" nowrap> <font size="2" color="#000000"><b>权限</b></font><font size="2"><b>5</b></font></td> <td align="middle" width="16%" nowrap> <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> </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"> 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"> 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"> 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"> sdfe</td></tr></table></td> </tr> </table></td> </tr> </table> </td> </tr> </table> <p> 　</p></td> </tr> </table> </form> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]; 0

http://allinhands.5d.cn/

评论Comments