javascript单选按钮值为null
javascript radio button value get null
在javascript中,我有一个指针来获取水果的名称。但是警报总是显示为null。我检查了一下逻辑,但找不出问题。有什么建议吗?谢谢
<!DOCTYPE html>
<html>
<head>
<title>My Fruit</title>
<script type="text/javascript">
function checkFruit(){
var fruit_radio_pointers = document.querySelector('[name="fruit"]');
var which_fruit = null;
for(var i=0; i<fruit_radio_pointers.length; i++){
if(fruit_radio_pointers[i].checked){
which_fruit = fruit_radio_pointers[i].value;
break;
}
}
alert(which_fruit);
}
//document.getElementById("my_btn").addEventListener("click", checkFruit, false);
</script>
</head>
<body>
<p>
<input name="fruit" type="radio" value="apple" /> Apple<br />
<input name="fruit" type="radio" value="cherry" /> Cherry
</p>
<p>
<button id="my_btn" onclick="checkFruit()" >Which Fruit?</button>
</p>
</body>
</html>
使用querySelectorAll
:
var fruit_radio_pointers = document.querySelectorAll('[name="fruit"]');
querySelector
只返回第一个找到的匹配项(而不是数组)
它等于document.querySelectorAll('[name="fruit"]')[0]
正如您可能已经发现的,querySelectorAll
将所有找到的匹配项作为一个数组返回。
示例
相关文章:
- 多个单选按钮组相互干扰
- 是否可以禁用jquery中的单个单选按钮
- Javascript:无法获取变量中的单选按钮值
- 通过ajax到php文件获取单选按钮值
- 互斥单选按钮和相应的输入字段
- 用于选择MVC3中单选按钮值的JavaScript
- 如何获取单选按钮的多个实例的选定单选按钮值
- react testUtils模拟点击单选按钮而不触发onchange
- 当选择组中的单选按钮时,jQuery addClass
- Angularjs无法将单选按钮与嵌套范围内的模型绑定
- 客户端单选按钮列表验证
- Javascript:图像与单选按钮的值不匹配
- 如何在Javascript中将单选按钮值保存到cookie中
- 单击时如何更改单选按钮的CSS
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 注入Javascript以选择具有指定值的所有单选按钮
- 单选按钮选择列表框更改并将 NULL 值传递给每个列表框
- 如果对单选按钮进行了特定的更改,而不仅仅是任何更改,则将下拉列表的值更改为null
- javascript单选按钮值为null
- 使用带有javascript的单选按钮..获取null错误