在web调查问卷中使用jquery添加/删除类

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

类的删除/添加是使用jquery通过javascript完成的。现在我对每个答案都使用不同的函数。既然会 有很多问题我觉得可能有更好的办法。如果我有一个全局方法/函数，或者不管它叫什么，那就太好了 刚才看了第二个类，我的输入按钮有两个类，一个是给定的按钮，另一个是从所有其他按钮中删除的所有活动按钮 与它所看到的按钮具有相同的第二类。 或者其他解决方案。我对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" /> 

如果有一个解决方案，那会不会对性能产生负面影响，因为我认为每次点击都需要做更多的事情？如果是这样的话，那就照我说的做吧

---

我现在就做。

让buttons再上一堂“回答按钮”课：

<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" /> 

---

让按钮有一个更多的类“回答按钮”：

<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" /> 

---

如果所有按钮都在一个容器中，您可以在此处使用不同的方法，例如：

<div class="question">
  <input class="button_vertical car_insurance_type_button" type="button" value="Halvår" /> 
  <input class="button_vertical car_insurance_type_button" type="button" value="Halvår2" />
</div>

$(function () {
  $(".question input[type=button]").live('click', function () {
    $(this).closest(".question").find(".active_vertical").removeClass("active_vertical");
    $(this).addClass("active_vertical");
  });
});

---

如果所有按钮都在一个容器中，您可以在此处使用不同的方法，例如：

<div class="question">
  <input class="button_vertical car_insurance_type_button" type="button" value="Halvår" /> 
  <input class="button_vertical car_insurance_type_button" type="button" value="Halvår2" />
</div>

$(function () {
  $(".question input[type=button]").live('click', function () {
    $(this).closest(".question").find(".active_vertical").removeClass("active_vertical");
    $(this).addClass("active_vertical");
  });
});