JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<input type = "checkbox" id = "mainCheckbox"><br>
<input type = "checkbox">
<input type = "checkbox">
<input type = "checkbox">
<input type = "checkbox">

JavaScript

document.getElementById('mainCheckbox').onchange = function (){
    console.log(document.getElementsByTagName('input').length);
if  (document.getElementById('mainCheckbox').checked == true){
    for (var i = 1; i < document.getElementsByTagName('input').length; i++){
    document.getElementsByTagName('input')[i].checked = true;
}
}
else {
    for (var i = 1; i < document.getElementsByTagName('input').length; i++){
    document.getElementsByTagName('input')[i].checked = false;
}
}
}