JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tbody id="TblPayFrequencyInfo">
<tr>
<th class="alignLeft">Rule ID</th>
<th class="alignLeft">Pay Frequency</th>
<th class="alignLeft">Check Date</th>
<th class="alignLeft">Period Start Date</th>
<th class="alignLeft">Period End Date</th>
<th class="alignLeft">Details</th>
</tr>
<tr>
<td class="alignLeft">Every Month</td>
<td class="alignLeft">Monthly</td>
<td class="alignLeft">Wednesday, 20 November, 2013</td>
<td class="alignLeft">Friday, 01 November, 2013</td>
<td class="alignLeft">Saturday, 30 November, 2013</td>
<td class="alignLeft">
<input type="radio" class="styled" name="radio">
<input id="_PayFrequencyId_" type="hidden" value="107">
</td>
</tr>
<tr>
<td class="alignLeft">Twice a Month</td>
<td class="alignLeft">Semi-Monthly</td>
<td class="alignLeft">Saturday, 30 November, 2013</td>
<td class="alignLeft">Friday, 01 November, 2013</td>
<td class="alignLeft">Friday, 15 November, 2013</td>
<td class="alignLeft">
<input type="radio" class="styled" name="radio">
<input id="_PayFrequencyId_" type="hidden" value="108">
</td>
</tr>
<tr>
<td class="alignLeft">Every Other Saturday</td>
<td class="alignLeft">Every Other Week</td>
<td class="alignLeft">Saturday, 30 November, 2013</td>
<td class="alignLeft">Thursday, 07 November, 2013</td>
<td class="alignLeft">Wednesday, 20 November, 2013</td>
<td class="alignLeft">
<input type="radio" class="styled" name="radio">
<input id="_PayFrequencyId_" type="hidden" value="109">
</td>
</tr>
<tr>
<td...
JavaScript
$('.btnNext').on('click', function() {
//alert('clicked');
if (!$('#TblPayFrequencyInfo :radio').is(':checked')) {
alert('Vote first please');
}
else
{
alert('radio selected ');alert($('#TblPayFrequencyInfo :radio:checked').next().val());
}
});