JSFiddle - React, Tailwind, and code Playground

by shivaay123

HTML

<html>  
<head>  
        <title>Selecting or deselecting all CheckBoxes</title>  
        <script type="text/javascript">  
            function selects(){  
                var selec=document.getElementsByName('ck');  
                for(var i=0; i<selec.length; i++){  
                    if(selec[i].type=='checkbox')  
                        selec[i].checked=true;  
                }  
            }  
            function deSelect(){  
                var selec=document.getElementsByName('ck');  
                for(var i=0; i<selec.length; i++){  
                    if(selec[i].type=='checkbox')  
                        selec[i].checked=false;  
                      
                }  
            }             
        </script>  
    </head>  
<body>  
    <h3>Select or Deselect all or some checkboxes as per your favourite fruit:</h3>  
    <input type="checkbox" name="ck" value="Apple">Apple<br>  
    <input type="checkbox" name="ck" value="Banana">Banana<br>  
    <input type="checkbox" name="ck" value="orange">orange<br>  
    <input type="checkbox" name="ck" value="Pineapple">Pineapple<br>  
     <br>  
        <input type="button" onclick='selects()' value="Select All"/>  
        <input type="button" onclick='deSelect()' value="Deselect All"/>  
      </body>  
</html>