JSFiddle - React, Tailwind, and code Playground

by cory a

HTML

<table border="1">
<tr>
  <th>Select</th>
    <th>Cell phone</th>
    <th>Rating</th>
    
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="1"/></td>
    <td name="id">BlackBerry Bold 9650</td>
    <td>2/5</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>
    
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="3"/></td>
    <td>Droid X</td>
    <td>4.5/5</td>
    
</tr>

</table>
<button onclick="myfunc();">add</button>

JavaScript

function myfunc() {

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

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