全选并改变TR颜色的javascript实现代码_软件编程

全选并改变TR颜色的javascript实现代码

发布时间：2026-01-11

点击量：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效 全选并改变TR颜色</title>   <script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.7.1"></script>
</head> <body> <form id="form1" name="form1" method="post" action=""> <table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#888888"> <tr><td><input name="selectall" type="checkbox" value="全选" onclick="selall(this)" /></td></tr> <tr><td>     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">     <tr style="background-color:#eee;"><td width="6%"><input type="checkbox" name="checkbox" /></td><td width="94%">***********************</td></tr>     <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     <tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>***********************</td></tr>     </table> </td></tr> </table> </form> <script type="text/javascript">var root_dir="";var ey_aid=473165;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.1"></script>
</body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

<form id="form1" name="form1" action="" method="post"> <table cellSpacing="1" cellPadding="1" width="500" align="center" bgColor="#888888" border="0"> <tr> <td> <input onclick="DoSelect(this)" type="checkbox" value="All" name="sel_box" id="sel_box" /><label for="sel_box">全选</label></td> </tr> <tr> <td> <table cellSpacing="1" cellPadding="5" width="100%" bgColor="#ffffff" border="0"> <tr style="background:#f1f1f1"> <td width="6%"><input type="checkbox" name="checkbox" /></td> <td width="94%">内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> <tr style="background:#f1f1f1"> <td><input type="checkbox" name="checkbox" /></td> <td>内容内容内容内容内容内容内容</td> </tr> </table> </td> </tr> </table> </form>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：asp.net GridView控件中实现全选的解决方案

下一篇：CentOS 5.4 服务器配置 yum安装Apache+p

全选并改变TR颜色的javascript实现代码

发布时间：2026-01-11

点击量：

返回

4008888355