问:
我有两个单选按钮,想发布所选单选按钮的值。如何使用 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();
在输入上有一个类名可以让我轻松地为输入设置样式…
huntsbot.com全球7大洲远程工作机会,探索不一样的工作方式