jquery - 在网络调查问卷中使用 jquery 添加/删除类

Question

我有一份网络调查问卷。它是一系列问题，每个问题都有一系列答案选择。每个“答案替代”是一个asp输入按钮。每当用户单击一个按钮时，该按钮就会接收一个新类并删除用户希望回答的问题的其他答案按钮中的同一类。
该类更改按钮的样式，以便用户清楚地看到他或她对给定问题的选择。

类的删除/添加是通过 javascript 使用 jquery 完成的。现在我对每个答案使用不同的函数。既然会有有很多问题我觉得可能有更好的方法来做到这一点。如果我有一个全局方法/函数或无论其名称如何，那就太好了只是“查看”该给定按钮的第二类(我的输入按钮有两个类)，从所有其他按钮中删除了所有“active_vertical”与它“查看”的按钮具有相同的第二类。或者其他一些解决方案。我对 javascript 和 jquery 非常陌生，并且对编程没有太多了解，所以我不知道如何做这样的事情。这是 jquery 代码:

$(function () {
        $(".car_insurance_type_button").click(function () {
            $(".car_insurance_type_button").removeClass("active_vertical");
            $(this).addClass("active_vertical");
        });
    });

    $(function () {
        $(".skadefria_ar_button").click(function () {
            $(".skadefria_ar_button").removeClass("active_vertical");
            $(this).addClass("active_vertical");
        });
    });

    $(function () {
        $(".under25_button").click(function () {
            $(".under25_button").removeClass("active_vertical");
            $(this).addClass("active_vertical");
        });
    }); 

这是按钮:

<input id="Button2" class="button_vertical car_insurance_type_button" type="button" value="Halvår" /> 

如果有解决方案，是否会对性能产生负面影响，因为每次点击都必须执行更多操作(我认为)？如果是这样，这样做可能会更好我现在就这么做。

Answer 1

让按钮多一个类“answer_button”:

<input id="Button1" class="answer_button button_vertical car_insurance_type_button" type="button" value="Halvår" /> 
<input id="Button2" class="answer_button button_vertical skadefria_ar_button" type="button" value="asdasda" /> 

所以，我想这会起作用:

$('.answer_button').each(function(index) {
    $('.answer_button').removeClass("button_vertical");
    $(this).addClass("button_vertical");
  });