使用Javascript获取单选按钮值 [英] Get Radio Button Value with Javascript

问题描述

我的JS程序有一些奇怪的问题。我有这个工作正常，但由于某种原因，它不再工作。我只想找到单选按钮的值（选择哪一个）并将其返回给一个变量。出于某种原因，它不断返回undefined。这里是我的代码：

$ $ p $ $ $ $ $ $ $ $函数findSelection（field）{
var test ='document.theForm。'+ field ;
var sizes = test;

alert（sizes）;
for（i = 0; i< size.length; i ++）{
if（sizes [i] .checked == true）{
alert（sizes [i] .value + '你有价值'）;
返回大小[i] .value;


$ b code
$ b submitForm：

$ b $

 函数submitForm（）{
 
 var genderS = findSelection（genderS）; 
 alert（genderS）; 
 
  

HTML：

 < form action =＃nname =theForm> 
 
< label for =gender>性别：< / label> 
< input type =radioname =genderSvalue =1checked>男
< input type =radioname =genderSvalue =0>女性<峰; br><峰; br> 
< a href =javascript：submitForm（）>搜寻< / A> 
< / form> 
  

解决方案

JavaScript：

  var radios = document.getElementsByName（'genderS'）; 
 
 for（var i = 0，length = radios.length; i  {
 if（radios [i] .checked）
 {
 //使用选中的收音机
 alert（radios [i] .value）做任何你想做的事情; 
 
 //只有一个电台可以进行逻辑检查，不要检查其余的
 break; 
} 
} 
  

http://jsfiddle.net/Xxxd3/610/

编辑：谢谢HATCHA和jpsetung为您的编辑建议。

I'm having some strange problem with my JS program. I had this working properly but for some reason it's no longer working. I just want to find the value of the radio button (which one is selected) and return it to a variable. For some reason it keeps returning undefined. Here is my code:

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }
}

submitForm:

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
}

HTML:

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male
    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>

解决方案

JavaScript:

var radios = document.getElementsByName('genderS');

for (var i = 0, length = radios.length; i < length; i++)
{
 if (radios[i].checked)
 {
  // do whatever you want with the checked radio
  alert(radios[i].value);

  // only one radio can be logically checked, don't check the rest
  break;
 }
}

http://jsfiddle.net/Xxxd3/610/

Edit: Thanks HATCHA and jpsetung for your edit suggestions.

这篇关于使用Javascript获取单选按钮值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！