JSFiddle - React, Tailwind, and code Playground

by andrewvmail

HTML

A:<input id="inputa" type="checkbox" name="input[1][]"> 
<br>

B:<input id="inputb" type="checkbox" name="input"> 
<br>

C:<input id="inputc" type="checkbox" name="input[2][]"> 
<br>    
     <script>
         
function functionCopyAtoB() {
    if($('#inputa').is(':checked')){
         $("#inputb").attr('checked', 'checked');   
    }else{
        $("#inputb").attr('checked', false);    
    }
    
}
   
function functionCopyBtoC() {
    if($('#inputb').is(':checked')){
         $("#inputc").attr('checked', 'checked');   
    }else{
        $("#inputc").attr('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();">