Why can't get input value checkbox in array?

Question

In the code described below, the value of the input should be taken from everyone in the array and a new div with the input value in innerHtml should be created. I don't know why get an error that 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);
        
         }        
}

Mitya · Accepted Answer · 2021-01-29 11:07:34Z

1

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

Should be

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

The first one is trying to get a value property from a node collection, which will obviously be undefined.

You also had some typos (double 's') and don't define array anywhere. Define that where you defined checkboxnewdivs.

Working demo: https://jsfiddle.net/mitya33/m9L2dvz5/1/

edited Jan 29, 2021 at 11:07

answered Jan 29, 2021 at 10:56

Mitya

34.8k15 gold badges70 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

maja Over a year ago

But then i get , array.push(checkboxnewdivss[i].value) not defined?

Mitya Over a year ago

Typo - checkboxnewdivss should be checkboxnewdivs

Mitya Over a year ago

Actually you have several typos. Always check the error console.

Mitya Over a year ago

Right, the next problem is you haven't defined array anywhere. This is plainly clear by the error that gets generated, array is not defined in the console. See edit.

maja Over a year ago

How in yours exsample jsfiddle get value.., divone from input 1, divtwo from input 2, divthree from input 3 if is checked, and add in div_new innerHTML?

Collectives™ on Stack Overflow

Why can't get input value checkbox in array?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related