2010-06-20 58 views
1

這只是對我的last question的補充。一旦我取消選擇單選按鈕,我需要將背景顏色返回到原始狀態。所以我們想出瞭解決的辦法是:在收音機上更改bg取消選擇

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

現在我需要刪除的亮點上課的時候單選按鈕被取消 - 任何想法?

+0

我想你真正想要的複選框,因爲您只使用一個無線電按鈕的每個部分,他們沒有分組。您不能取消選擇一個電臺 – redsquare 2010-06-20 10:01:29

+0

否則通過給他們所有相同的名稱屬性對電臺進行分組 – redsquare 2010-06-20 10:04:33

+0

對不起 - 我有多個無線電,我簡化了之前發佈的HTML並刪除了表單標籤。我也給了他們相同的名字屬性,所以當用戶點擊不同的收音機時他們不會選擇。 – Thomas 2010-06-20 10:08:50

回答

3

試試這個,組使用的name屬性的收音機和下面的JS應該工作

Demo

$('input:radio').change(function(){ 
     $('div.highlight').removeClass('highlight'); 
     $(this).closest('div').addClass('highlight'); 
}); 
0

是的,我有redsquare同意,你可以看到的jsfiddle這是我的代碼演示,用div onclick選擇收音機。

$('table div').click(function() { 
     $(this).find('input:radio').prop('checked', true); 
     $('div.highlight_row').removeClass('highlight'); 
     $(this).closest('div').addClass('highlight'); 
}); 

,你可以在這裏看到完整的代碼,但變化是TR類,而不是在div類:

JsFiddle Code Sample