我目前正在尝试使两个按钮的行为类似于单选按钮,此时一次只能选择一个。

的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();

但是,这不起作用,并且在类处于 Activity 状态时不会返回按钮。我也尝试过使用hasClass('active'),但无法弄清楚如何找到它并使用 Activity 按钮。

最佳答案

您的代码似乎按原样工作,请查看here

如果这不起作用,并且您想要保持与当前尝试更改相同的代码结构,请执行以下操作:

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

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

您也可以按照先前建议的方式使用.text(),但是该解决方案将允许您更改该值,以使其与文本不同(如果您愿意)。

10-05 20:50
查看更多