Reading CheckBox value from HTML Table

by Pankaj Sapkal

HTML

<table id="one" style="border:1px solid red;">
    <caption>Table 1</caption>
    <thead>
        <tr>
            <th></th>
            <th>ID</th>
            <th>Name</th>
            <th>System</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="checkbox" class="htmlChckBox"/>
            </td>
            <td>12</td>
            <td>Sam</td>
            <td>FSS</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="htmlChckBox"/>
            </td>
            <td>87</td>
            <td>Harry</td>
            <td>MSS</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="htmlChckBox"/>
            </td>
            <td>23</td>
            <td>Rita</td>
            <td>MVV</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="htmlChckBox"/>
            </td>
            <td>65</td>
            <td>Tom</td>
            <td>RDD</td>
        </tr>
    </tbody>
</table>
<button id="add">Add</button>

JavaScript

$(document).ready(function () {
    $('#add').click(function () {
        var chkval = '';
        var chkID = '';
        $('.htmlChckBox:checkbox:checked').filter(function () {
            var td = $(this).closest('tr').children('td');
            for (var i = 0; i < td.length; ++i) {
                chkval = td[i].innerText + ',';
                chkID += chkval;
                chkval = '';

            }
            //chkID += chkval + ',';

            //alert($(this).closest('tr').text());
        });
        alert(chkID);
    });
});