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

新闻中心 News 分类>>

联系我们 Contact us

服务热线：020 88798357

地址：广州市增城区中新镇慈岭村埔咀路20号
邮箱：sales@gzdairan.cn

您所在的位置是：首页 > 新闻中心 > 网络学院 > 编程学院

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

2026-01-16 11:33:12

浏览次数：次

返回列表

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效 全选并改变TR颜色</title>   </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> </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需再刷新一下页面才能执行]

上一篇：CentOS 5.4 服务器配置 yum安装Apache+php+Mysql

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

网站首页

关于我们

产品展示

新闻中心

户外常识

在线留言

联系我们

新闻中心 News 分类>>

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