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

删除＆＃39;已选择＆＃39;使用removeClass()的所有按钮中的类，然后添加到单击的按钮。但是，您应该只从同一个广播组中的按钮中删除类。有几种方法可以实现这一目标。

您可以要求所有按钮位于一个div元素中，并仅更新其中的按钮。 或者，您可以将包含name attr的类从原始无线电添加到按钮，并仅更新具有此类的按钮。 或者，您可以为按钮添加额外属性，其值等于原始无线电的name属性，并仅更新具有正确属性的按钮。看到这个小提琴：http://jsfiddle.net/n3PUe/