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)设为选中状态，并应用当前样式）...相关推荐

table（单击行，把当行的单选按钮(radio)设为选中状态，并应用当前样式）
直接上代码 <%@ page language="java" contentType="text/html; charset=UTF-8"pageEnco ...
jquery给单选按钮赋值_jquery循环遍历radio单选按钮，并设置选中状态
背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置因为自身js功底欠佳,所以耽误了点时间,现在把方 ...
jquery循环遍历radio单选按钮，并设置选中状态
背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置因为自身js功底欠佳,所以耽误了点时间,现在把方 ...
jquery实现动态表格项目（表格增加删除/全选/表格变色特效等功能）（附源码+javaWEB开发如果需要可以直接使用）
jquery实现动态表格项目(表格增加删除/全选/表格变色特效)
jQuery之表格变色
1.radio jQuery部分: <script type="text/javascript">$(function(){$("tbody>tr:od ...
JQuery Easy Ui dataGrid 数据表格 --转
转至: http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html#events 数据表格 - DataGrid 内容概况使用方法 ...
php表格tr,jQuery+ajax实现动态添加表格tr td功能示例
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能.分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: ajax部分: va ...
jQuery控件简易日历表格
jQuery控件简易日历表格代码,jquery表格,jquery插件 ,jquery,日期,时间,日历表格,表格代码,jQuery控件简易日历表格代码是一款较为简单的显示日历的代码,兼容firefox ...
html 表格单击,在HTML表格中单击“空”单元格
我希望使HTML表格的所有单元格都可点击 - 即从锚点标记链接处于活动状态 - 从单元格内的任意点开始.问题在于单元没有内容.我们只是简单地使用HTML表格通过着色每个单元格的背景来直观地表示数量.要 ...

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

jQuery语法实例

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

最新文章

热门文章