Table Check Rows #2

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

$(document).ready(function(){
    $('#selectAll').on('click', function(){
        var numUnChecked = $(':checkbox:not(:checked)','#search_data').length;
        $(':checkbox', '#search_data').prop('checked',numUnChecked);
        $(this).val( numUnChecked ? 'uncheck all' : 'check all' );
    });
    $(':checkbox', '#search_data').on('change', function() {
        var numUnChecked = $(':checkbox:not(:checked)','#search_data').length;
        $('#selectAll').val( numUnChecked ? 'check all' : 'uncheck all' );
    });
})