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

￡神魔★判官ぃ 2024-03-30 12:01 35阅读 0赞

## 问： ##

我有两个单选按钮，想发布所选单选按钮的值。如何使用 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').…(‘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()); 单曲 全部绘制

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

## 答11: ##

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

以下是我将如何编写表单并处理检查收音机的获取。

使用名为 myForm 的表单：

...

从表单中获取值：

$('#myForm .radio1:checked').val();

如果您不发布表格，我会使用以下方法进一步简化它：

然后获取检查值变为：

$('.radio1:checked').val();

在输入上有一个类名可以让我轻松地为输入设置样式…

原文链接：[https://www.huntsbot.com/qa/bLbA/how-can-i-know-which-radio-button-is-selected-via-jquery?lang=zh\_CN&from=csdn][https_www.huntsbot.com_qa_bLbA_how-can-i-know-which-radio-button-is-selected-via-jquery_lang_zh_CN_from_csdn]

> huntsbot.com全球7大洲远程工作机会，探索不一样的工作方式

[https_www.huntsbot.com_qa_bLbA_how-can-i-know-which-radio-button-is-selected-via-jquery_lang_zh_CN_from_csdn]: https://www.huntsbot.com/qa/bLbA/how-can-i-know-which-radio-button-is-selected-via-jquery?lang=zh_CN&from=csdn