我如何知道通过 jQuery 选择了哪个单选按钮？

最新推荐文章于 2023-12-13 15:32:43 发布

HuntsBot

最新推荐文章于 2023-12-13 15:32:43 发布

阅读量312

点赞数

文章标签： jquery javascript 前端 xhtml iot

本文链接：https://blog.csdn.net/kalman2019/article/details/128433028

版权

问：

我有两个单选按钮，想发布所选单选按钮的值。如何使用 jQuery 获得价值？

我可以像这样得到所有这些：

$("form :radio")

我怎么知道选择了哪一个？

答1:

huntsbot.com – 程序员副业首选，一站式外包任务、远程工作、创意产品分享订阅平台。

要获取 ID 为 myForm 的表单的 selected radioName 项的值：

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

这是一个例子：

$KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲myForm input').\dots$ (‘input[name=radioName]:checked’, ‘#myForm’).val()); }); 选择radioName 1 2 3 < /fieldset>

只是要添加这个，因为它可能会帮助某人。如果收音机的名称带有方括号，例如 radioName[0]（有时在 Wordpress 中使用），您将需要在名称周围使用引号，例如 input[name='radioName[0]']:checked

请注意，在 onChange 方法示例中，您还可以使用 this.value 代替 $('input[name=radioName]:checked', '#myForm').val() :)

对于非 jquery 版本，请参见此处：jsfiddle.net/2y76vp1e

@ ZeroNine，我使用的 Symfony 框架也是如此。

答2:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

用这个…

$("#myform input[type='radio']:checked").val();

答3:

huntsbot.com高效搞钱，一站式跟进超10+任务平台外包需求

如果您已经引用了单选按钮组，例如：

var myRadio = $("input[name=myRadio]");

使用 filter() 函数，而不是 find()。（find() 用于定位子/后代元素，而 filter() 在您的选择中搜索顶级元素。）

var checkedValue = myRadio.filter(":checked").val();

注意：此答案最初是为了纠正另一个建议使用 find() 的答案，该答案似乎已被更改。 find() 在您已经引用了容器元素但没有引用单选按钮的情况下仍然有用，例如：

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();

答4:

huntsbot.com洞察每一个产品背后的需求与收益，从而捕获灵感

这应该有效：

$("input[name='radioName']:checked").val()

注意输入周围使用的“”：检查而不是像彼得J的解决方案那样的“”

为什么这会返回“on”而不是所选单选按钮的值？

答5:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

您可以将 :checked 选择器与单选选择器一起使用。

 $("form:radio:checked").val();

这看起来不错，但是，jQuery documentation 建议使用 [type=radio] 而不是 :radio 以获得更好的性能。这是可读性和性能之间的权衡。在这些琐碎的事情上，我通常将可读性置于性能之上，但在这种情况下，我认为 [type=radio] 实际上更清晰。所以在这种情况下，它看起来像 $("form input[type=radio]:checked").val()。虽然仍然是一个有效的答案。

答6:

huntsbot.com聚合了超过10+全球外包任务平台的外包需求，寻找外包任务与机会变的简单与高效。

如果您只想要布尔值，即是否已检查，请尝试以下操作：

$("#Myradio").is(":checked")

huntsbot.com洞察每一个产品背后的需求与收益，从而捕获灵感

答7:

与HuntsBot一起，探索全球自由职业机会–huntsbot.com

获取所有收音机：

var radios = jQuery("input[type='radio']");

过滤以获取选中的那个

radios.filter(":checked")

答8:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

另一种选择是：

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

":radio" 部分在这里不是必需的。

答9:

huntsbot.com精选全球7大洲远程工作机会，涵盖各领域，帮助想要远程工作的数字游民们能更精准、更高效的找到对方。

$("input:radio:checked").val();

答10:

保持自己快人一步,享受全网独家提供的一站式外包任务、远程工作、创意产品订阅服务–huntsbot.com

就我而言，我在一种形式中有两个单选按钮，我想知道每个按钮的状态。这对我有用：

// 获取单选按钮值 console.log( "radio1: " + $(‘input[id=radio1]:checked’, ‘#toggle-form’).val() ); console.log(“radio2:” + $(‘input[id=radio2]:checked’, ‘#toggle-form’).val()); 单曲全部绘制

每个按钮的状态是什么意思？同名的单选按钮只允许选中一个，因此，如果您选中了一个，则其余的都未选中。