javascript获取所选html单选按钮输入的值

时间:2016-05-23 08:18:08

标签: javascript jquery html

我有一个这样的简单形式:

<form id="formSearch">
<label><input type="radio" name="number" value="1">singular</label><br>
<label><input type="radio" name="number" value="2">plural</label><br><br>
<INPUT type="Submit" Value="Show" name="show" ></INPUT>
</form>

我想用javascript获取所选按钮的“无线电值”:

var account = document.getElementsByName("number").value;

不要给出正确的答案。如果我给陷阱:

alert(account);

结果是:undefined。 我不知道伤害在哪里,有谁愿意帮助我,谢谢

3 个答案:

答案 0 :(得分:0)

在jquery中,您可以使用checked

的属性选择器
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="mainCtrl">
     <ul>
  <li ng-repeat="(key,value) in result.Hits">{{ value.Content }}</li>
</ul>
</div>

答案 1 :(得分:0)

使用javascript:

$headers .= 'From: ' . "\r\n" . 'Reply-To: ' . $_POST['Email'] . "\r\n";

答案 2 :(得分:0)

&#13;
&#13;
document.querySelector('[name=number]:checked').value;
&#13;
function test() {
  
  var checkedRadioBtnList=new Array();
  
  var account = document.getElementsByName("number");
  
  for(i=0; i<account.length;i++){  
    if(account[i].checked){      
      checkedRadioBtnList.push({value:account[i].value});
    }    
  }
  
  console.log(checkedRadioBtnList);
}
&#13;
&#13;
&#13;

<form id="formSearch"> <label><input type="radio" name="number" value="1">singular</label><br> <label><input type="radio" name="number" value="2">plural</label><br><br> <INPUT type="Submit" Value="Show" name="show" onclick="test()" ></INPUT> </form>将返回一个数组。

修改

我只是回答了一个问题,即如何使用getElementsByName获取检查值。

根据应用程序存储许多选项。我已经改进了使用javascriptchecked中存储Array单选按钮值的答案。