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

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

Barbara Streisand
发布: 2024-12-07 01:14:10
原创
233 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板