日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

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

编程问答

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)设为选中状态,并应用当前样式)...的全部內容,希望文章能夠幫你解決所遇到的問題。

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