JSFiddle - React, Tailwind, and code Playground

by Haresh Kumar

HTML

<table id="data">
    <tr><th>Name</th><th>Group</th><th>Phone</th><th></th></tr>
    <tr><td>ABC</td><td>A</td><td>111111111</td><td><input type='checkbox' name='chkbx'  id="chk1"></td></tr>
    <tr><td>XYZ</td><td>B</td><td>556465465</td><td><input type='checkbox' name='chkbx' id="chk2"></td></tr>
    <tr><td>PQR</td><td>C</td><td>222222222</td><td><input type='checkbox' name='chkbx' id="chk3"></td></tr>
</table>
<input type="button" id="btn" value="Button1">

JavaScript

$('#btn').click(function(){
    var id="";
    var rlen=$('#data tr').length;

    for(var i=1;i<rlen;i++){     if($('#data').find('tr:eq('+i+')').find('td:eq(3)').children().is(':checked')){
        if(i==1){
 id=$('#data').find('tr:eq('+i+')').find('td:eq(2)').text();
        }else{
            id+=","+$('#data').find('tr:eq('+i+')').find('td:eq(2)').text();
        }
    }
   }
    alert(id);
});