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

我目前正在尝试使两个按钮的行为方式与单选按钮类似，一次只能选择一个

HTML

现在返回所选按钮的值

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

或

---

但是，这不起作用，并且在类处于活动状态时不会返回按钮。我也尝试过使用

hasClass（'active'）

，但我不知道如何使用它来找到活动按钮。

尝试使用

.text（）

而不是

.val（）

您必须在正确的时间将

purchaseType

的值设置为您想要的值

var采购类型；
$（“按钮[名称=选择器\按钮\组]”）。单击（函数（）{
$（“按钮[名称=选择器\按钮\组]”）。removeClass（“活动”）；
$（this.addClass（'active'）；
purchaseType=$（this.text（）；
console.log（purchaseType）；
});

在JQuery中的一组按钮中查找类元素
购买
再融资
您的代码似乎按原样工作，请参见

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

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

致：

您也可以按照前面的建议使用
.text（）
，但此解决方案允许您更改该值，使其与您希望的文本不同。
您可以使用jQuery函数，因此：

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

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

确切地说，您为什么要使用按钮而不是单选按钮定义和使用
purchaseType
的位置/时间？单击保存按钮并发布表单时使用purchaseType。我必须与Pabs123同步。这看起来就像您希望外观是按钮：ish，但行为是单选按钮。只需像按钮一样设置单选按钮的样式（或者隐藏实际的
输入
并设置标签的样式），并使用用于此类内容的HTML。它被称为语义、可访问性和渐进增强。这对没有执行JS的访问者不起作用（无论出于什么原因）。您可能需要显示更多代码，比如您在其中设置/使用purchaseType的事件处理程序。另外，
.hasClass（）
返回一个布尔值，因此无法将
.val（）
链接到它。为什么？他的按钮有
value=“购买”
和
value=“再融资”
，我想这是他想要的。我的代码正常工作，我在使用变量purchaseType时出现了拼写错误，谢谢你的帮助，小提琴帮我指出了这一点
var purchaseType =  $("button[name=selector_button_group]").hasClass('active').val();

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

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

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

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