jQuery - удалить класс из элемента, когда переключатель не отмечен

Question

Я работал над сценарием замены элементов формы - заменой обычных элементов формы на div, которые можно стилизовать - но я столкнулся с проблемой с переключателями. Я не могу понять, как удалить «выбранный» класс отмеченной кнопки замены при выборе другой кнопки.

Я включил свой код в эту скрипку: http://jsfiddle.net/zumwalt/eEvPE/3/

Любая помощь очень ценится!

Answer 1

Вам просто нужно добавить следующую строку в ваш обработчик кликов, чтобы очистить класс selected от всех радиостанций, прежде чем добавлять его к тому, который был нажат:

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

Обновленная скрипка здесь

Answer 2

Удалите «выбранный» класс из всех кнопок с помощью removeClass(), а затем добавьте к нажатой.Однако вы должны удалить класс только из кнопок в той же группе радио.Есть несколько способов добиться этого.

Вы можете требовать, чтобы все кнопки были в одном элементе div и обновлять только кнопки внутри него.Или вы можете добавить класс, содержащий name attr из оригинального радио, к вашим кнопкам и обновить только кнопки, имеющие этот класс.Или вы можете добавить дополнительный атрибут к вашим кнопкам со значением, равным атрибуту name оригинального радио, и обновить только кнопки, имеющие правильный атрибут.Смотрите эту скрипку: http://jsfiddle.net/n3PUe/

Answer 3

Удалить классы, используя: http://api.jquery.com/removeClass/ или прочитайте этот уже заданный вопрос.