JSFiddle - React, Tailwind, and code Playground

HTML

<table id="dashboard">
    <tr id="1" planId="777"><td class="inputData"><input type="checkbox" /></td><td class="group">aaaa</td></tr>
     <tr id="2" planId="666"><td class="inputData"><input type="checkbox" /></td><td>dddd</td></tr>
     <tr id="3" planId="qq555q"><td class="inputData"><input type="checkbox" /></td><td>wwww</td></tr>
      <tr id="4" planId="444"><td class="inputData"><input type="checkbox" /></td><td>weee</td></tr>
      <tr id="35" planId="333"><td class="inputData"><input type="checkbox" /></td><td>wwww</td></tr>
      <tr id="6" planId="222"><td class="inputData"><input type="checkbox" /></td><td>rrrr</td></tr>
      <tr id="7" planId="111"><td class="inputData"><input type="checkbox" /></td><td>tttt</td></tr>
</table>
<div id="submit">Submit></div>

JavaScript

// fetching each checked box value and creating json
$(document).undelegate("#submit", "click").delegate("#submit", "click", function (e) {
    var selectedRow = {};
    var selected = [];
   
    $('#dashboard tr td input:checked').map(function(){
       var item = {}
       item["planId"] =  $(this).closest('tr').attr("planId");
       item["vrId"] = $(this).closest('tr').attr("id");
       selected.push(item);
    })
    selectedRow.enitity="new";
    selectedRow.facilityId = "node"
    selectedRow.plans = JSON.stringify(selected);
    //console.log(selected);
    console.log(selectedRow);
});