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

Question

使用Asp.net和jQuery我有一个GridView列，其中包含CheckBox列。现在我的代码在鼠标移过它时突出显示（绿色）一行（并且在鼠标输出时不亮（黄色））。我想添加能够在检查该行中的复选框时突出显示不同的颜色（粉红色）。

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

Answer 1

您可以在所选行中添加类似“userSelected”的css类。修改您的css /代码以显示hilighther颜色或默认颜色，以便它们仅适用于不包含“userSelected”css类的行。

Answer 2

以下是一些示例代码：

$( 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; }