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