如何根据复选框列在表中选择一行

使用Asp.net和jQuery我有一个GridView和CheckBox列。现在，我有代码，只要鼠标移过它就会高亮显示（绿色）行（鼠标移出时不亮（黄色））。我想添加能够突出显示不同的颜色（粉红色），只要该行中的复选框被选中。如何根据复选框列在表中选择一行

我的问题是，检查框后，行突出显示粉红色，当我将鼠标移出时，该行返回到原始颜色（黄色）。如何使复选框的行不响应鼠标输出代码？

来源

2011-12-31 Arian

你尝试过这么远吗？你的代码是什么样的？你能否包括你所做的一些样本，例如显示你的代码以突出显示一行？ – 2011-12-31 12:13:05

下面是一些示例代码：

$(function() { 
$('tr').hover( 
    function() { 
    $(this).addClass("hover-highlight"); 
    }, 
    function() { 
    $(this).removeClass("hover-highlight"); 
    } 
); 
$('tr.checkcolumn input').click(function() { 
    $(this).parents("tr").addClass("checked-highlight"); 
}); 
});

而且一些CSS：

tr { background-color: yellow; } 
tr.hover-highlight { background-color: green; } 
tr.checked-highlight { background-color: pink!important; }

来源

2011-12-31 12:25:59

你可以添加一个类似“userSelected”的css类到你选择的行。修改你的css/code来显示hilighther的颜色或默认颜色，这样它们将只应用于不包含“userSelected”css类的行。

来源

2011-12-31 12:07:12 Pavan

你说：我用'：not（.class）'？ – Arian 2011-12-31 12:11:28

是的。你可以使用：不，或者你也可以用其他方式。为所有未选择的行添加一个名为“NotSelected”的css类，并为包含“NotSelected”css类的所有行应用highLigh和默认颜色。当选中一行时，删除所选行的“未选择”类。 – Pavan 2011-12-31 12:15:51

如何根据复选框列在表中选择一行

回答

相关问题