check multiple check boxes

by katalin_2003

HTML

<table border="1">
    <thead>
        <tr>
            <th>
                <input type="checkbox" id="check" />
                select all
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="checkbox" name="check" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="check" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="check" />
            </td>
        </tr>
    </tbody>
</table>

CSS

table {
    margin: 10px;
}

td, th {
    padding: 15px;
}

JavaScript

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;

    if (chk) {
        var arr = document.getElementsByTagName("input");
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        var arr = document.getElementsByTagName("input");
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});