使用javascript获取选中的单选按钮的值

我正在尝试访问我的表单中使用JavaScript的没有jQuery的单选按钮的值。我查看了这个，看到了很多答案，但是当我将相同的代码复制到我的项目中时，出于某种原因无法使用。这是我的代码。使用javascript获取选中的单选按钮的值

<form> 
    <input type="radio" name="style" value="3" checked> 
    <input type="radio" name="style" value="5"> 
    <input type="radio" name="style" value="10"> 
</form>

我试图访问使用该JavaScript代码的价值：我认为这会给我的3字符串作为记录值

var value = document.querySelector('input[name="style"]:checked').value; 
console.log(value);

。当我尝试这个例子中，我得到以下错误：

request.js:1 Uncaught TypeError: Cannot read property 'value' of null 
    at request.js:1

我还使用了命名风格的输入数组的循环尝试，并且也不能工作。它找到了所有三个输入，但没有数组的值。有人可以解释什么是错的？如果这显而易见，请耐心等待，我仍然在学习，我只是想变得更好。

来源

2017-07-15 Travis Alexander Terrell

它工作正常，我在一个单一的文件（复制HTML和下''

你的代码是正确的，你只需要后能得到最新的值是运行选择代码事件获取选定值的值。请参阅下面的代码： - 您还可以使用javascript选择器来进行点击事件，而不是在onclick事件处理程序中使用函数放置。


 
function run_test(){ 
 
     
 
    var radio_ele = document.querySelector('input[name="style"]:checked'); 
 
    console.log(radio_ele.value); 
 

 
}

<form> 
 
    <input type="radio" name="style" value="3"> 
 
    <input type="radio" name="style" value="5"> 
 
    <input type="radio" name="style" value="10"> 
 
    <button type="button" onclick="run_test()">click</button> 
 
</form>

来源

2017-07-15 18:17:17

使用javascript获取选中的单选按钮的值

相关问题