点击修改表格背景色
使用Jquery事件實現點擊修改表格的背景顏色
每列表格之前都有一個多選按鈕，當你點擊按鈕時，這一行所有內容的背景色會發生改變，當你再次點擊該多選按鈕的時候，取消背景色。
未點擊之前的樣式
點擊時候的樣式
程序解讀：使用table表格，每一行表格的第一個單元格都有一個多選按鈕，
后幾個單元格是內容，添加自己想要的樣式效果。
看代碼（注意一定要導入js文件）
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><script src="js/jquery.js"></script></head><style>tr td{border: 2px solid black;width: 150px;height: 30px;}.odd{background-color: antiquewhite;}.even{background-color: aquamarine;}.checked{background-color: yellow;}</style><body><table><tr><td></td><td>姓名</td><td>薪水</td><td>年齡</td></tr><tr><td><input type="checkbox"></td><td>張三</td><td>22000</td><td>21</td></tr><tr><td><input type="checkbox"></td><td>李四</td><td>10000</td><td>25</td></tr><tr><td><input type="checkbox"></td><td>王五</td><td>15000</td><td>23</td></tr><tr><td><input type="checkbox"></td><td>趙六</td><td>12000</td><td>28</td></tr></table></body><script>$(function(){$("tr:odd").addClass("odd");$("tr:even").addClass("even");$(":checkbox").on("click",function(){$(this).parent().parent().toggleClass("checked");});});</script> </html>總結
- 上一篇： 更新fielddata为true_在py
- 下一篇： 服务器预装操作系统,服务器预装操作系统吧