问题描述
- 求助：find(":input").attr("checked",false); 只执行一次。
-
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 上海
解决方案
你好。
我试了一下你的代码感觉没有任何问题的样子。
或者我其实没有理解的你问题。你可以再说详细一点吗
解决方案二：
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 | 上海 |
这样的代码 使用的是 jquery-1.11.1.js
应该是每一行点一下选中，再点一下取消。
但是这个代码只能实现点一次选中。再点一次取消选中，再点就没有选上和取消选中的效果的了。