一些jQuery/JavaScript改變輸入檢查bgcolor

好吧，我想要一些jQuery/JavaScript的時候顯示黃色background-color當它的檢查。我使用class="valgt"來定義哪個checkbox我想要樣式化。一些jQuery/JavaScript改變輸入檢查bgcolor

我該怎麼做？

<td valign="top" class="valgt"> 
    <input type="checkbox" name="check" value="" /> 
</td>

我不知道如何解決它。所以我需要爲jQuery/JavaScript提供一些代碼幫助。

來源

2009-08-14 william

該類從父TD試試這個。如果你在你的td上輸入一個ID或名字，會更容易。

$('input[name=check]').click(function() { 
    var chkbox = $(this); 
    if (chkbox.is(':checked')) 
     chkbox.parent().addClass('valgt'); 
    else 
     $chkbox.parent().removeClass('valgt'); 
});

來源

2009-08-14 09:03:15

哇！ thx很多，這工作得很好。根本沒有問題！我感謝您的幫助！ :) – william 2009-08-14 09:06:39

作爲一般規則提防jQuery對象的過度創建，例如$（this）。做一次並緩存它。 – redsquare 2009-08-14 09:07:35

@redsquare - 好的，thx很多。我會記住的！ – william 2009-08-14 09:08:58

聲明的背景色的CSS類

.valgt { background-color : #ffff00; }

然後用下面的添加或刪除依賴於選中狀態

$('input[name=check]').click(function(){ 

    var $el = $(this); 
    $el.is(':checked') ? $el.parent().addClass('valgt') 
         : $el.parent().removeClass('valgt'); 

})

來源

2009-08-14 09:00:37 redsquare

一些jQuery/JavaScript改變輸入檢查bgcolor

回答

相關問題