JSFiddle - React, Tailwind, and code Playground

by Nayana Das

HTML

<table border="1">
<tr>
  <th>Select</th>
    <th>Item name</th>
    <th>Item code</th>
    <th>Supplier</th>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="1" /></td>
    <td>BlackBerry Bold 9650</td>
    <td>343</td>
     <td>UK</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="2" /></td>
    <td>Samsung Galaxy</td>
    <td>43543</td>
    <td>US</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case[]" value="3" /></td>
    <td>Droid X</td>
    <td>gfgf</td>
    <td>REB</td>
</tr>

</table>
<br>
<input type="button" id="saveButton" value="SAVE">

JavaScript

var values = new Array();
$("#saveButton").click(function(){

       $.each($("input[name='case[]']:checked"), function() {
           var data = $(this).parents('tr:eq(0)');
           values.push({ 'Item name':$(data).find('td:eq(1)').text(), 'Item code':$(data).find('td:eq(2)').text() , 'Supplier':$(data).find('td:eq(3)').text()});             
       });
                        
       console.log(JSON.stringify(values));
 });