我目前正在尝试使两个按钮的行为类似于单选按钮,此时一次只能选择一个。
的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()
,但是该解决方案将允许您更改该值,以使其与文本不同(如果您愿意)。