SELECTED ANSWER
replied on April 30, 2017
Try this code. I've used myTable as the CSS Class Name of the Table, and column1 and column2 as the CSS Class Names of the From and To Radio Buttons - change to your class names as appropriate.
$(document).ready(function () {
$('.myTable').on('change', '.column1 input', function() {
if ($(this).val() == 'On Light Duty') {
$(this).closest("tr").find('.column2 input[value="Off Light Duty"]').prop('checked', true);
}
else if ($(this).val() == 'Off Light Duty') {
$(this).closest("tr").find('.column2 input[value="On Light Duty"]').prop('checked', true);
}
});
$('.myTable').on('change', '.column2 input', function() {
if ($(this).val() == 'On Light Duty') {
$(this).closest("tr").find('.column1 input[value="Off Light Duty"]').prop('checked', true);
}
else if ($(this).val() == 'Off Light Duty') {
$(this).closest("tr").find('.column1 input[value="On Light Duty"]').prop('checked', true);
}
});
});