JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

<div id="divtest">
    <input type="checkbox" required>test</input>
    <br/>
    <input type="checkbox">test</input>
    <br/>
    <input type="checkbox">test</input>
    <br/>
    <input type="checkbox">test</input>
    <br/>
    <input type="checkbox">test</input>
    <br/>
    <input type="checkbox">test</input>
</div>
<button id="btn">go</button>

JavaScript

$(function(){
    $('#btn').on("click", function(){        
        
        var div = document.getElementById("divtest");
        var inputs = div.getElementsByTagName("input");
        
        for (var i = 0, len = inputs.length; i < len; ++i) {            
            if (inputs[i].required == true) {
                alert("required encontrado");
                $(inputs[i]).attr('checked', 'checked');
    }
}
    });      
});