1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>使用jQuery实现表格选中行换色</title> 6 <style type="text/css"> 7 .s1{ 8 background-color: yellow; 9 } 10 </style> 11 <script type="text/javascript" src="../js/jquery-1.4.3.js"></script> 12 <script type="text/javascript"> 13 $(function(){ 14 $("tbody tr").click(function(){ 15 $(this).addClass("s1").siblings().removeClass("s1"); 16 $(this).find(":radio").attr("checked",true); 17 }); 18 }); 19 </script> 20 </head> 21 <body> 22 <table border="1" width="60%"> 23 <thead> 24 <tr> 25 <th>操作</th> 26 <th>姓名</th> 27 <th>邮箱</th> 28 <th>年龄</th> 29 <th>性别</th> 30 </tr> 31 </thead> 32 <tbody> 33 <tr> 34 <td> 35 <input name="c" value="c1" type="radio"/> 36 </td> 37 <td> 38 张三丰 39 </td> 40 <td> 41 zsf@163.com 42 </td> 43 <td> 44 32 45 </td> 46 <td> 47 男 48 </td> 49 </tr> 50 51 <tr> 52 <td> 53 <input type="radio" name="c" value="c2"/> 54 </td> 55 <td> 56 张无忌 57 </td> 58 <td> 59 zwj@163.com 60 </td> 61 <td> 62 22 63 </td> 64 <td> 65 男 66 </td> 67 </tr> 68 <tr> 69 <td> 70 <input type="radio" name="c" value="c3"/> 71 </td> 72 <td> 73 杨过 74 </td> 75 <td> 76 yangguo@163.com 77 </td> 78 <td> 79 12 80 </td> 81 <td> 82 男 83 </td> 84 </tr> 85 86 <tr> 87 <td> 88 <input type="radio" name="c" value="c1"/> 89 </td> 90 <td> 91 小龙女 92 </td> 93 <td> 94 xln@163.com 95 </td> 96 <td> 97 18 98 </td> 99 <td> 100 女 101 </td> 102 </tr> 103 </tbody> 104 </table> 105 </body> 106 </html>
原文：http://www.cnblogs.com/Azmzb/p/4912747.html