JSFiddle - React, Tailwind, and code Playground

by Kabir Hossain

HTML

<table border="1">
<tr>
  <th>Select</th>
    <th>Cell phone</th>
    <th>Rating</th>
    <th>Location</th>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="1"/></td>
    <td>BlackBerry Bold 9650</td>
    <td>2/5</td>
     <td>UK</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="2"/></td>
    <td>Samsung Galaxy</td>
    <td>3.5/5</td>
    <td>US</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="3"/></td>
    <td>Droid X</td>
    <td>4.5/5</td>
    <td>REB</td>
</tr>

</table>

JavaScript

function myfunc(ele) {

 var values = new Array();
       $.each($("input[name='case[]']:checked").closest("td").siblings("td"),
              function () {
                   values.push($(this).text());
              });
    
       alert("val---" + values.join (", "));
 }
     

$(document).ready(function() {
    $("input.case").click(myfunc);
});

var values = new Array();

$.each($("input[name='case[]']:checked").closest("td").siblings("td"),
       function () {
            values.push($(this).text());
       });

   alert("val---" + values.join(", "));