當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery：1.5.4.3，表格变色（单击行，把当行的单选按钮(radio)设为选中状态，并应用当前样式）...

發布時間：2024/4/14 编程问答 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery：1.5.4.3，表格变色（单击行，把当行的单选按钮(radio)设为选中状态，并应用当前样式）... 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

ylbtech-jQuery:jQuery學習

jQuery語法實例

表格變色效果截圖

jQuery：1.5.4.3,表格變色（單擊行，把當行的單選按鈕(radio)設為選中狀態，并應用當前樣式） HTML代碼返回頂部

<html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title><style type="text/css">.even{background-color: Gray;}/*奇數行樣式*/.odd{background-color: Lime;}/*偶數行樣式*/.selected{background-color: Yellow;}</style><script src="js/jquery-1.6.1.min.js" type="text/javascript"></script><script type="text/javascript">$(function () {$("tbody>tr:even").addClass("even"); /*給奇數行添加樣式*/$("tbody>tr:odd").addClass("odd"); /*偶數行添加樣式*//*當單擊表格行時，把當前設為選中狀態樣式，并把單選按鈕設為選中狀態*/$("tbody>tr").click(function () {$(this).addClass('selected').siblings().removeClass('selected').end().find(":radio").attr("checked", true);});});</script> </head> <body><h3>表格變色</h3><table style="width: 300px;"><thead><tr><th></th><th>name</th><th>sex</th><th>age</th></tr></thead><tbody><tr><td><input type="radio" name="items" /></td><td>rain</td><td>male</td><td>23</td></tr><tr><td><input type="radio" name="items" /></td><td>rain</td><td>male</td><td>23</td></tr><tr><td><input type="radio" name="items" /></td><td>rain</td><td>male</td><td>23</td></tr><tr><td><input type="radio" name="items" /></td><td>rain</td><td>male</td><td>23</td></tr><tbody></table> </body> </html>

jQuery：1.5.4.3.B,效果截圖返回頂部

本文轉自ylbtech博客園博客，原文鏈接：http://www.cnblogs.com/ylbtech/archive/2013/01/25/2875626.html，如需轉載請自行聯系原作者

總結

以上是生活随笔為你收集整理的jQuery：1.5.4.3，表格变色（单击行，把当行的单选按钮(radio)设为选中状态，并应用当前样式）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： OSSIM中配置网络资产监控
下一篇： mySql存储过程，简单实现实例