JQuery学习笔记18——复选框控制表格行高亮

1.判断当前行是否是高亮显示

  if($(this).hasClass("selected"))

2.如果是高亮显示，则

$(this).removeClass("selected").find(":checkbox").attr("checked",false);

3.如是不是高亮显示，则

$(this).addClass("selected").find(":checkbox").attr("checked",true);

4.默认选中行需高亮显示

$("tbody > tr:has(:checked)").addClass("selected");

完整代码：

>

使用三元运算简写代码：

1 $("tbody > tr").click(function(){
2             var hasselected = $(this).hasClass("selected");
3             $(this)[hasselected?"removeClass":"addClass"]("selected")
4             .find(":checkbox").attr("checked",!hasselected)
5  });