JSFiddle - React, Tailwind, and code Playground

by Mehmet Alp

HTML

<button id="button">select</button>
<br>
<input class="Spec" type="checkbox" value="1" />
<input class="Spec" type="checkbox" value="2" />
<input class="Spec" type="checkbox" value="5" /> 
<input class="Spec" type="checkbox" value="8" /> 
<input class="Spec" type="checkbox" value="10" />  
<input class="Spec" type="checkbox" value="30" />

JavaScript

$(document).ready(function(){
    
    $("#button").toggle(function(){
        $( "input:eq(4)" ).attr("checked",true).addClass("selected");
    }, function(){
        $( "input:eq(4)" ).attr("checked",false).removeClass("selected");
    });    
    

});1