javascript – 在JQuery中的一组按钮中查找类元素

我目前正在尝试使两个按钮的行为与单选按钮类似,其中一次只能选择一个按钮.

HTML

<button class="button" value="purchase" name="selector_button_group">
      Purchase
</button>
<button class="button" value="refinance" name="selector_button_group">
      Refinance
</button>

jQuery的

$("button[name=selector_button_group]").click(function() {
  $("button[name=selector_button_group]").removeClass('active');
  $(this).addClass('active');
});

现在返回所选按钮的值

var purchaseType =  $("button[name=selector_button_group].active").val();

要么

var purchaseType =  $("button[name=selector_button_group]").hasClass('active').val();

但是这不起作用,并且不会返回活动类的按钮.我也尝试过使用hasClass(‘active’),但我无法弄清楚如何使用它找到活动按钮.

解决方法:

您的代码似乎按原样运行,请参阅here

如果这不起作用,并且您希望保持与当前尝试更改的相同代码结构：

$("button[name=selector_button_group].active").val();

至：

$("button[name=selector_button_group].active").attr('value');

您也可以使用之前建议的.text(),但是此解决方案允许您更改值,以便它与文本不同,如果您愿意的话.