为什么无法获取数组中的输入值复选框？

Question

在下面描述的代码中，输入的值应该取自数组中的每个人，并且应该创建一个新的 div，其输入值在 innerHtml 中。我不知道为什么会出现 length.value not defined?

的错误

<input type="checkbox" class="checkboxnewdivs" id="checkboxnewdivs" name="checkboxnewdivs" value="divsone">
<input type="checkbox" class="checkboxnewdivs" id="checkboxnewdivs" name="checkboxnewdivs" value="divstwo">
<input type="checkbox" class="checkboxnewdivs" id="checkboxnewdivs" name="checkboxnewdivs" value="divsthree">

<button onclick="myFunction()">Click me</button>

<div id="container"></div>

function myFunction() {
let array = [];
var checkboxnewdivs = document.querySelectorAll('input[name="checkboxnewdivs"]:checked');

         for (var i = 0; i < checkboxnewdivs.length; i++) {
                     
         var iddivs = array.push(checkboxnewdivs[i].value);  
         
         var div_new = document.createElement("DIV"); 
         div_new.innerHTML = "ID div:"+iddivs ;                   
         document.getElementById("container").appendChild(div_new);
        
         }        
}

Answer 1

var checkboxnewdivs = document.querySelectorAll('input[name="checkboxnewdivs"]:checked').value;

应该是

var checkboxnewdivs = document.querySelectorAll('input[name="checkboxnewdivs"]:checked');

第一个尝试从节点集合中获取 value 属性，这显然是未定义的。

您还有一些拼写错误（双 's'）并且没有在任何地方定义 array。在定义 checkboxnewdivs.

的地方定义

工作演示：https://jsfiddle.net/mitya33/m9L2dvz5/1/

为什么无法获取数组中的输入值复选框？

Why can't get input value checkbox in array?

javascript

arrays

checkbox

input

return-value