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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在JQuery中的一组按钮中查找类元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1014字，纯文字阅读大概需要2分钟。

内容图文

我目前正在尝试使两个按钮的行为与单选按钮类似,其中一次只能选择一个按钮.

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’),但我无法弄清楚如何使用它找到活动按钮.

解决方法:

您的代码似乎按原样运行,请参阅here

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

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

至：

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

您也可以使用之前建议的.text(),但是此解决方案允许您更改值,以便它与文本不同,如果您愿意的话.

内容总结

以上是互联网集市为您收集整理的javascript – 在JQuery中的一组按钮中查找类元素全部内容，希望文章能够帮你解决javascript – 在JQuery中的一组按钮中查找类元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端