JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

<select id="inputs">
<input id="inputa" type="checkbox" name="input[1][]"> 

<input id="inputb" type="checkbox" name="input"> 

<input id="inputc" type="checkbox" name="input[2][]"> 

</select> 
    
    
    
     <script>
         
function functionCopyAtoB() {
         
    if($('#inputa').is(':checked')){
         $("#inputb").prop('checked', true);   
    }else{
        $("#inputb").prop('checked', false);    
    }
    
}
   
function functionCopyBtoC() {
    if($('#inputb').is(':checked')){
         $("#inputc").prop('checked', true);   
    }else{
        $("#inputc").prop('checked', false);
    }
    
}
         
    </script>   
        

    <input id="copyAtoB" type="button" value="Copy A to B" onclick="functionCopyAtoB();">
        <br>
    <input id="copyBtoC" type="button" value="Copy B to C" onclick="functionCopyBtoC();">