<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.even{
background:#CCC
}
.odd{
background:#999
}
.selected{
background:red
}
</style>
<script src="../js/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('tbody>tr').click(function(){
if($(this).hasClass('selected')){
$(this).removeClass('selected').find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected').find(':checkbox').attr('checked',true);
}
})
})
</script>
<body>
<table >
<thead>
<tr><th>姓名</th><th>性别</th><th>暂住地</th></tr>
<tbody>
<tr><td><input type="checkbox" /></td><td>王A</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>李B</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>古典风格B</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>和规范化</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td> 加攻击</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>法规和规范化</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>丹甫股份</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>填入</td><th>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>地方B</td><th>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>李更好发挥</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>交换机</td><th>男</td><td>上海</td></tr>
</tbody>
</thead>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.even{
background:#CCC
}
.odd{
background:#999
}
.selected{
background:red
}
</style>
<script src="../js/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('tbody>tr').click(function(){
if($(this).hasClass('selected')){
$(this).removeClass('selected').find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected').find(':checkbox').attr('checked',true);
}
})
})
</script>
<body>
<table >
<thead>
<tr><th>姓名</th><th>性别</th><th>暂住地</th></tr>
<tbody>
<tr><td><input type="checkbox" /></td><td>王A</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>李B</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>古典风格B</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>和规范化</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td> 加攻击</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>法规和规范化</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>丹甫股份</td><td>男</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>填入</td><th>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>地方B</td><th>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>李更好发挥</td><td>女</td><td>上海</td></tr>
<tr><td><input type="checkbox" /></td><td>交换机</td><th>男</td><td>上海</td></tr>
</tbody>
</thead>
</table>
</body>
</html>
扫一扫
360
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
