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

Question

在下面描述的代码中，应该从数组中的每个人那里获取输入的值，并且应该创建一个带有 innerHtml 中输入值的新 div。不知道为什么会报错，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/