JSFiddle - React, Tailwind, and code Playground
HTML
<table width="100%">
<tr class="tbrow">
<td width="12%">
<span class="name">test.html</span>
</td>
<input type="hidden" value="0" class="file_id" />
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="read" title="read" /> Read
</span>
</td>
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="write" title="write" /> Write
</span>
</td>
<td width="7%">
<span class="action">
<input type="checkbox" value="1" class="download" title="download" /> Download
</span>
</td>
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="share" title="share" /> Share
</span>
</td>
<td width="80%">
<span class="action">
<input type="submit" name="assign" class="assign" title="Submit" value="Submit" />
</span>
</td>
</tr>
<tr class="tbrow">
<td width="12%">
<span class="name">testing.doc</span>
</td>
<input type="hidden" value="1" class="file_id" />
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="read" title="read" /> Read
</span>
</td>
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="write" title="write" /> Write
</span>
</td>
<td width="7%">
<span class="action">
<input type="checkbox" value="1" class="download" title="download" /> Download
</span>
</td>
<td width="5%">
<span class="action">
<input type="checkbox" value="1" class="share" title="share" /> Share
</span>
</td>
<td width="80%">
<span class="action">
<input type="submit" name="assign" class="assign" title="Submit" value="Submit" />
</span>
</td>
</tr>
</table>
JavaScript
// get all chkbox value in current row
$(function () {
$(".assign").click(function(){
var chk = $(this).closest('tr').find('input:checkbox');
var fileid=$(this).closest('tr').find('.file_id').val();
alert("File ID : " +fileid);
alert("read :" +chk[0].checked);
alert("Write: " +chk[1].checked);
alert("Download: "+ chk[2].checked);
});
});