如何根據複選框列在表中選擇一行

使用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

如何根據複選框列在表中選擇一行

回答

相關問題