JSFiddle - React, Tailwind, and code Playground

HTML

<table id="sample_1" aria-describedby="sample_1_info">
	<thead>
		<tr>
			<th><input type="checkbox" id="selecctall"></th>
			<th>Status</th>
		</tr>
	</thead>
	<tbody class="odd gradeX">
		<tr>
			<td width="5%"><input type="checkbox" class="checkbox1" id="1"></td>
			<td width="37%">Chips And Chocolates,Bummy Chips,Plain Salted,ytrytr,hyryr</td>
		</tr>
		<tr>
			<td width="5%"><input type="checkbox" class="checkbox1" id="2"></td>
			<td width="37%">Chips And Chocolates</td>
		</tr>
	</tbody>
</table>

<input type="button" class="btn blue" value="Delete" id="deletebtn">

JavaScript

$(function() {
		$('#deletebtn').click(function() {
			var array = $('#sample_1 input:checked');
			var ids = new Array();
			$.each(array, function(idx, obj) {
				ids.push($(obj).attr('id'));
				
			});
			console.log(ids);
		});
	});