How to get checked checkbox value in javascript?

3 answer(s)
Answer # 1 #

For multiple checkboxes with same name:

let checkboxes = document.querySelectorAll('input[name="options"]:checked');checkboxes.forEach(cb => console.log(cb.value));
This iterates over all checked checkboxes.

[28 Day]
Answer # 2 #

Remember to use event listeners if you want to check values dynamically on change:

checkbox.addEventListener('change', function() {    console.log(this.checked, this.value);});

[23 Day]
Answer # 3 #

To get the value of a checked checkbox in JavaScript, use:

let checkbox = document.getElementById('myCheckbox');if (checkbox.checked) {    console.log(checkbox.value);}
This will print the value if the checkbox is checked.

[1 Month]