在jquery中的兩個單選按鈕之間切換類

我知道這聽起來像一個簡單的問題，但由於某種原因，我現在無法弄清楚它。我的問題是這樣的，比方說我有我的頁面上有兩個單選按鈕：在jquery中的兩個單選按鈕之間切換類

<input type="radio" checked="checked" name=sport value="soccer" /> 
<input type="radio" name=sport value="basketball" />

我想要做的是，如果我點擊一個單選按鈕，我想一個類名添加到它，而如果我點擊另一個單選按鈕，我想添加相同的類到新單擊的單選按鈕，我想要添加到前一個單選按鈕的類，等等。

有什麼想法嗎？

來源

2012-01-28 user765368

試試這個。

$("input[name='sport']").click(function(){ 
    $("input[name='sport']").removeClass('className'); 
    $(this).addClass('className'); 
});

Demo

來源

2012-01-28 04:50:52 ShankarSangoli

那麼，這樣的事情可以做：

$('input:radio[name="sport"]').click(function() { 
    $(this).addClass("yourclasshere") 
      .siblings('input:radio[name="sport"]').removeClass("yourclasshere"); 
});

演示：http://jsfiddle.net/yH6ur/

如果你的真實項目的單選按鈕實際上沒有兄弟姐妹（因爲它們被包裹在標籤元素或其他東西中），那麼按照Shankar Sangoli的方法來做回答。

來源

2012-01-28 04:51:13 nnnnnn

這就是我如何應用於任何收音機選項，所以我不必每次都指定一個名稱。我對此很有新意，所以我相信有人會對此有所評論。父母是我有css作爲按鈕的標籤

$(".noradio").on('click', function(){ 
    var n=$(this).attr("name"); 
    $("input[name='"+n+"']").parent().removeClass('active').removeAttr('checked'); ; 
    $(this).parent().addClass('active').attr('checked', 'checked'); 
});

哦，.noradio是輸入本身的類。

來源

2014-07-04 04:32:30

在jquery中的兩個單選按鈕之間切換類

回答

相關問題