SO - 30117739

by Arun P Johny

HTML

<form id="mangementform" name="mangementform" novalidate="novalidate">
    <div class="field_whit_bg">
        <div class="spn-xs-04 fileter_ch" id="chk1div" style="display: block;">
            <div class="field_group_secondary">
                <div class="row">
                    <input type="checkbox" id="searchcheckboxid" name="tp">
                    <label for="chk1">
                        <div></div>
                    </label>
                </div>
            </div>
        </div>
        <div class="spn-xs-19">
            <div class="field_group_secondary">
                <div class="row">
                    <label class="field_title">Search</label>
                    <input class="field_input required my-valid-class" id="empid" name="empid" maxlength="40" onkeypress="return  restrictPercentAnd(event);">
                </div>
            </div>
        </div>
</form>
<div class="field_whit_bg padd_none" style="margin-top:20px;">
    <table class="table table-striped marg_none">
        <thead>
            <tr>
                <th width="6%"></th>
                <th width="18.8%">Employee ID</th>
                <th width="18.8%">Name</th>
                <th width="18.8%">Phone</th>
                <th width="18.8%">Email</th>
                <th width="10%">Depot</th>
            </tr>
        </thead>
        <tbody id="managementtablebody">
            <tr>
                <td class="text-center">
                    <input type="checkbox" checked id="124" />
                    <label for="124" class="padd_none marg_none">
                        <div></div>
                    </label>
                </td>
                <td>124</td>
                <td>Mark</td>
                <td>2147483647</td>
                <td>mark@gmail.com</td>
                <td>Depot2</td>
            </tr>
            <tr>
                <td class="text-center">
                    <input type="checkbox" checked id="125" />
                    <label...

JavaScript

$(document).on('change', 'table input[type="checkbox"]', function () {
    alert('Clicked on Table Checkbox');
});