Table Check Rows #1

by bizamajig

HTML

<form id="avaya_Add">
    <br>
    <input type="button" class="check" value="check all" id="selectAll">&nbsp;
    <input type="button" class="button" value="Add" id="block_add" onclick=submit()/>&nbsp;
    <input type="button" value="Delete" class="button" id="deleteFunction" />
    <br>
    <table id="search_data">
        <thead>
            <tr>
                <th>A</th>
                <th>Checkbox</th>
            </tr>
        </thead>
        <tbody>
            <c:forEach varStatus="count" var="searchList" items="${bdlist}">
                <tr>
                    <td class="text-center">1</td>
                    <td id="checkboxes">
                        <input type="checkbox" name="checked" class="search_checkbox" value="${searchList.chat_block_ip_id}" />
                        <td>
                </tr>
                <tr>
                    <td class="text-center">2</td>
                    <td id="checkboxes">
                        <input type="checkbox" name="checked" class="search_checkbox" value="${searchList.chat_block_ip_id}" />
                        <td>
                </tr>
                <tr>
                    <td class="text-center">3</td>
                    <td id="checkboxes">
                        <input type="checkbox" name="checked" class="search_checkbox" value="${searchList.chat_block_ip_id}" />
                        <td>
                </tr>
                <tr>
                    <td class="text-center">4</td>
                    <td id="checkboxes">
                        <input type="checkbox" name="checked" class="search_checkbox" value="${searchList.chat_block_ip_id}" />
                        <td>
                </tr>
            </c:forEach>
        </tbody>
    </table>
</form>

JavaScript

$('#selectAll').on('click', function () {
    var flag = !$(this).data('flag');

    $('#search_data input[type="checkbox"]').prop('checked', flag);

    $(this).data('flag', flag);
});