<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta charset="utf-8">
 <title></title>
 <style>

    table{
   border:1px solid #000;
   width: 400px;
   text-align: center;
   border-collapse: collapse;
  }
  thead tr{
   border: 1px solid #000;
  }
  .selected{
   background:red;
  }
 </style>
</head>
<body>
  <table>
  <thead>
    <tr>
    <th></th>
    <th>姓名</th>
    <th>性别</th>
    <th>暂住地</th>
   </tr>
  </thead>
  <tbody>
    <tr><td><input id="d1" type="radio"/></td><td>张山1</td><td>男</td><td>浙江宁波</td></tr>
    <tr><td><input id="d2" type="radio"/></td><td>张山2</td><td>男</td><td>浙江宁波</td></tr>
    <tr><td><input id="d3" type="radio"/></td><td>张山3</td><td>男</td><td>浙江宁波</td></tr>
    <tr><td><input id="d4" type="radio"/></td><td>张山4</td><td>男</td><td>浙江宁波</td></tr>
    <tr><td><input id="d5" type="radio"/></td><td>张山5</td><td>男</td><td>浙江宁波</td></tr>
    <tr><td><input id="d6" type="radio"/></td><td>张山6</td><td>男</td><td>浙江宁波</td></tr>
  </tbody>
 </table>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script>
 //jquery有一些弊病，checked这样的是没有属性值的，不能用attr("checked",true)
 $(function(){
  $('tbody>tr').click(function(){
    var $thisonly=$(this);
    if($thisonly.find(':radio')[0].checked){
     $thisonly.removeClass('selected');
     $thisonly.find(':radio')[0].checked=false;
    }else{
     $thisonly.addClass('selected').siblings().removeClass('selected');
     $thisonly.find(':radio')[0].checked=true;
     $('table :radio:checked').parent().parent().addClass('selected');
    }
   }
  )
 })
</script>
</html>

最新文章

1. wpf 后台比例设置高度
2. 美国usan数据库——PDF提取
3. PHP 单引号 与双引号区别
4. msdn webcast 下载地址整理
5. IOS 杂笔－3 (property参数)
6. JAVA运算符和优先级
7. HTML的盒子模型
8. Service Locator 模式
9. thinkphp 统计某个字段不重复数 总数
10. js给页面加style
11. windows下运行hadoop2.7.2
12. Qt 5.7 > Qt Applications
13. CentOS6.6部署OpenStack Havana(Nova-Network版)
14. windows下安装redis以及redis扩展，设置redis为windows自启服务
15. Javascript的简单测试环境
16. python 面试题知识回顾
17. JS中常见设计模式总结
18. 一个极其简易版的vue.js实现
19. Android studio3.0打开Device File Explore(文件管理器)的方法(图文教程)
20. 时序扩展的UML状态图的测试用例生成研究

热门文章

1. python +百度语音识别+图灵对话
2. Matlab 学习视频集合
3. 报表嵌入到.net系统页面
4. 使用RMAN Active duplicate创建异地auxiliary Database
5. oracle 12C ORA-07445 12.1.0.2.0
6. 用脚本将excel，csv等文件导入数据库
7. 理解Express express.static 和 __direname 及 __firename的含义
8. ubuntu 系统升级 cmake
9. 错误：java.io.FileNotFoundException: /storage/emulated/0/Documents/eclipse-inst-win64.exe
10. android.view.WindowManager$BadTokenException: Unable to add window