首页 >web前端 >js教程 >如何使用 jQuery 获取选定单选按钮的值?

如何使用 jQuery 获取选定单选按钮的值?

Barbara Streisand
Barbara Streisand原创
2024-12-07 01:14:10208浏览

How to Get the Value of a Selected Radio Button Using jQuery?

如何使用 jQuery 识别一组单选按钮中的选定选项

使用表单时,通常需要检索选定单选按钮的值。 jQuery 提供了一种简单的方法来实现此目的。

考虑以下场景:您有一个包含多个名为 radioName 的单选按钮的表单。您希望发布所选选项的值。要使用 jQuery 检索值,您可以利用以下代码:

$('input[name=radioName]:checked', '#myForm').val()

此代码在 id myForm 的表单中搜索名称属性设置为 radioName 的所有输入元素。 :checked 选择器确保仅选择选定的单选按钮。最后, .val() 方法返回所选单选按钮的值。

例如,以下代码片段演示了如何在选择更改时捕获所选单选按钮的值:

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});

以上是如何使用 jQuery 获取选定单选按钮的值?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn