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 | 上海 |
演示demo
你好。
我试了一下你的代码感觉没有任何问题的样子。
或者我其实没有理解的你问题。你可以再说详细一点吗
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
应该是每一行点一下选中，再点一下取消。
但是这个代码只能实现点一次选中。再点一次取消选中，再点就没有选上和取消选中的效果的了。