jQuery - 當單選按鈕未選中時從元素中刪除類

Question

我一直在處理表單元素替換腳本 - 用可以樣式化的div替換常規表單元素 - 但我遇到了單選按鈕的問題。我不知道如何選擇另一個按鈕時刪除選中的替換按鈕的「選定」類。

我包括我在這個小提琴代碼： http://jsfiddle.net/zumwalt/eEvPE/3/

任何幫助，不勝感激！

Answer 1

你只需要添加下面一行在點擊處理程序清除所有無線電設備的selected類，將它添加到被點擊的一個前：使用

$(".radio").removeClass("selected"); 

Updated fiddle here

Answer 2

刪除班：http://api.jquery.com/removeClass/或閱讀this already asked question.

Answer 3

從removeClass()中刪除所有按鈕中的'selected'類，然後添加到單擊的按鈕上。但是，您應該只從同一個廣播組中的按鈕中刪除類。有幾種方法可以實現這一點。

您可以要求所有按鈕位於一個div元素中，並只更新其中的按鈕。 或者您可以將包含name屬性的類從原始收音機添加到您的按鈕，並僅更新具有此類的按鈕。 或者你可以添加額外的屬性到你的按鈕，其值等於原始無線電的name屬性，並只更新具有正確屬性的按鈕。看這個小提琴：http://jsfiddle.net/n3PUe/