JSFiddle - React, Tailwind, and code Playground

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" onclick="myfunc(this);"/></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" onclick="myfunc(this);"/></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" onclick="myfunc(this);"/></td>
    <td>Droid X</td>
    <td>4.5/5</td>
    <td>REB</td>
</tr>

</tr>
</table>

JavaScript

function myfunc(ele) {


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