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

标签 javascript jquery html

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

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') 但我不知道如何通过它找到事件按钮。

最佳答案

尝试使用 .text() 而不是 .val()

关于javascript - 在 JQuery 的一组按钮中查找类元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34935597/

相关文章:

javascript - 从服务器获取一张图片,存入localStorage,并显示出来

javascript - 如何使用 js 或 jquery 或 php 在文本区域中显示格式化的 html 内容?

javascript - 悬停功能适用于警报但无法附加 span 标签

jquery - ASP.NET MVC 和 JQuery 对话框回发

javascript - 动态设置下拉菜单jquery

html - css nth-child 或 nth-of-type 问题

javascript - 有没有办法阻止 `&lt;script&gt;' 在 PHP/Javascript/HTML 中加载相同的 javascript 两次?

javascript - 在选择时显示更多表单输入

javascript - 动态添加的元素不换行

javascript - jQuery 删除第二类