選擇收音機btn時更改bg顏色

Question

當用戶按下按鈕時，需要更改包含單選按鈕的div的bg顏色。我正在使用jquery - 所以它似乎應該有一些簡單的方法來實現這一點。我有我的HTML設置是這樣的：

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

Answer 1

剛剛處理的單選按鈕的變化事件，然後使用jQuery的closest()方法：

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').css('background-color', 'red'); 
    }); 
}); 

而且作爲redsquare說，你不應該」真的設置內聯的CSS。您應該使用toggleclass函數。我只是用css函數作爲例子。

Answer 2

嘗試

$(function() { 
     $(".radio_cell input[type=radio]").bind("click", function() { 
      $(this).parents('div:first').css("background-color", "Blue"); 
     }); 
    }); 

Answer 3

我會用toggleClass而不是設置內聯CSS。

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').toggleClass('highlight'); 
    }); 
});