Simple check-all button for checkboxes using javascript-html.

Implementing Select all button using java-script in simpler way.

<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>Username</th>
            <th>Select All <input type="checkbox" id="select-all"></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>User1</td>                                             
            <td><input type="checkbox" name="paidIds[]" value="1"></td>
        </tr>
        <tr>
            <td>User2</td>                                             
            <td><input type="checkbox" name="paidIds[]" value="2"></td>
        </tr>
        <tr>
            <td>User3</td>                                             
            <td><input type="checkbox" name="paidIds[]" value="3"></td>
        </tr>
    </tbody>
</table>

//Javascript to select all checkbox once clicked on check all button.
<script>
    document.getElementById('select-all').onclick = function() {
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');
        for (var checkbox of checkboxes) {
        checkbox.checked = this.checked;
        }
    }
</script>