表格行换色并给行加入可选择后换色的复选框按钮

2024-09-05 12:21:41

字体：大中小

来源：转载

供稿：网友

表格隔行换色，并在表格的每一行中加入一个复选框按钮，选中后该行会变为其它颜色，提升用户体验。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>全选并改变TR颜色</title><script language="JavaScript" type="text/javascript" for="checkbox" event="onclick">tr_bgcolor(this);</script><script language="JavaScript" type="text/javascript"></script></head><body><form id="form1" name="form1" method="post" action=""><table width="360" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#999999"><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%">ABC</td></tr>	<tr><td><input type="checkbox" name="checkbox" /></td><td>DEF</td></tr>	<tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>GHI</td></tr>	<tr><td><input type="checkbox" name="checkbox" /></td><td>JKL</td></tr>	<tr style="background-color:#eee"><td><input type="checkbox" name="checkbox" /></td><td>MNO</td></tr>	</table></td></tr></table></form></body></html>

上一篇：表格隔行换色的实现代码

下一篇：不断变换颜色的炫丽表格特效

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注