2013-06-28 28 views
0

總結了答案

如果您遇到這裏類似的東西是簡單的答案:添加類目標爲基礎,以無線電的輸入值(撥動,像功能)

在我的代碼我得到的。 val()值:已檢查的無線電輸入,即獲取已檢查的所有無線電的值,這會導致不需要的類。利用.click回調函數,我們可以得到.val()值,這個值就是被點擊項目的特定輸入值,這是我的例子中的一個無線標籤。

這裏是另一個偉大的解決方案,我有問題.. Add class and remove class based on checked radio?和jsbin該解決方案http://jsbin.com/ugufi/27/

希望這有助於別人誰可能有同樣的問題...很簡單的答案..感謝所有!

問題

這裏是我的代碼有

http://jsbin.com/ugufi/11/

我所用是找到一個解決方案,將其添加到目標後去除類掙扎。

我有一個單選按鈕的列表,我得到的值:選中的無線電輸入並將該值放在一個類中。

當一個新的無線射頻檢查它不斷加入到類ex

<div class="radio1 radio2 radio3 radio4"></div> 

我需要什麼(我知道是很簡單的,但林不知道使用什麼)。

<div class="radio1"></div><!-- Radio input value with radio1 is checked --> 

然後當我檢查新的無線輸入

<div class="radio4"></div><!-- Radio input value with radio4 is checked --> 

PS。我查了這個問題,發現了很多答案,但他們都使用某種.siblings()或.parent()回調,它們是很好的解決方案,但輸入和目標在我的代碼中遠離彼此。

回答

0

更改我的回答更加完整:

$('.moon-generator-attr').click(function() { 
    var tabid = $(this).val(); 

    $('.icon-wrap a.icon').attr('class','icon icon-'+tabid); 
    alert($('.icon-wrap a.icon').attr('class')); 
}); 

這將使班級圖標和任何你想要的第二堂課。這樣,你仍然可以訪問$('.icon-wrap .icon')

元素你也可以這樣做,如果你只有一個「一」在您的.icon換行DIV:

$('.moon-generator-attr').click(function() { 
    var tabid = $(this).val(); 

    $('.icon-wrap a').attr('class','icon-'+tabid); 
    alert($('.icon-wrap a').attr('class')); 
}); 
+0

ok .addclass和attr('class',)兩個仍然將類添加到目標,但問題是如何刪除舊的並添加新的(基於選中狀態) –

+0

.attr(「class」, 「value」)不添加類,它將替換類屬性的值。所以它會用新的替換舊的。 – NTyler

+0

哦好吧有道理讓我試試看.. –

0

刪除老班+添加一個新類

$(this).removeClass().addClass('icon-'+tabid+''); 

全碼:

$('.moon-generator-attr').click(function() { 
    var tabid = $('.moon-generator-attr:checked').val(); 

    $(this).removeClass().addClass('icon-'+tabid+''); 

     alert($('.icon-wrap a.icon').attr("class")); 


}); 
+0

我不是從標籤移除類,這將等於標籤類,糾正我,如果我錯了? –

+0

標籤類是.moon-generator-attr ...我添加/刪除的目標是.icon-wrap a。圖標 –

相關問題