JSFiddle - React, Tailwind, and code Playground

by vol7ron

HTML

<input type="checkbox" name="pageCheck"  value="yes" onclick="checkPage(this)"><b>Check Page</b>
    <table border="1" name ="table">

    <tr>
        <td name ="list00">
            <form name ="list00">
                <input type="checkbox" name="Check_ctr" value="yes" onClick="checkAll(document.list00.link, this)"><b>Check All</b><dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>
            </form>
        </td>
        <td><form name ="list01">
                <input type="checkbox" name="Check_ctr" value="yes" onClick="checkAll(document.list01.link, this)"><b>Check All</b><dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>        
            </form></td>
    </tr>
    <tr>
        <td><form name ="list10">
                <input type="checkbox" name="Check_ctr" value="yes" onClick="checkAll(document.list10.link, this)"><b>Check All</b><dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>    
            </form></td>
        <td><form name ="list11">
                <input type="checkbox" name="Check_ctr" value="yes" onClick="checkAll(document.list11.link, this)"><b>Check All</b><dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>
                <input type="checkbox" name="link" value="something.com">something.com<dd>    
            </form></td>
    </tr>
    </table>

JavaScript

function checkAll(checkname, bx) {
        for (i = checkname.length; i--; )
            checkname[i].checked = bx.checked;
    }
        


    function checkPage(bx){                    
        for (var tbls = document.getElementsByTagName("table"),i=tbls.length; i--; )
            for (var bxs=tbls[i].getElementsByTagName("input"),j=bxs.length; j--; )
               if (bxs[j].type=="checkbox")
                   bxs[j].checked = bx.checked;
    }