table {
border: 0;
border-collapse: collapse;
}
td {
font: normal 12px/17px Arial;
padding: 2px;
width: 100px;
}
th {
font: bold 12px/17px Arial;
text-align: left;
padding: 4px;
border-bottom: 1px solid #333;
}
.dan {
background: #fc0;
}
.ou {
background: #0ff;
}
.ed {
background: #669;
color: #fff;
}
$(function(){
//设置偶数行和奇数行
//$("table tbody tr:odd").addClass("ou");
$("tbody>tr:odd").addClass("ou");
$("tbody>tr:even").addClass("dan");
$("tbody>tr:has(:checked)").addClass("ed");
//搜索被选中的行 has(:checked)
$('tbody>tr').click(function(){
var hasend=$(this).hasClass("ed");
///*
if(hasend){
$(this).removeClass("ed").find(":input").attr("checked",false);
}else{
$(this).addClass("ed").find(":input").attr("checked",true);
}
//*/
//$(this)[hasend?"removeClass":"addClass"]("ed").find(":input").attr("checked",!hasend); //尝试换成这种方式同样是只能选中勾上,不选中勾去掉,再选中就不起作用了
})
//遍历指定触发函数
//
//
//
})
|
标题 |
时间 |
地点 |
|
视频1 |
2011 |
上海 |
|
视频1 |
2012 |
上海2 |
|
视频1 |
2011 |
上海 |
|
视频1 |
2012 |
上海2 |
|
视频1 |
2011 |
上海 |