表格行換色并給行加入可選擇后換色的復選框按鈕

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>

上一篇：表格隔行換色的實現代碼

下一篇：不斷變換顏色的炫麗表格特效