JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td></td>
<td><input type="radio" id="left" name="column" checked="checked" /></td>
<td><input type="radio" id="right" name="column" /></td>
</tr>
</table>
<table>
<tr>
<td>Q1?</td>
<td>
<select class="left">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td>
<select class="right" disabled="disabled">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
<tr>
<td>Q2?</td>
<td>
<select class="left">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td>
<select class="right" disabled="disabled">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<td>Q3?</td>
<td>
<select class="left">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td>
<select class="right" disabled="disabled">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
<tr>
<td>Q4?</td>
<td>
<select class="left">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td>
<select class="right" disabled="disabled">
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</td>
</tr>
</table>
JavaScript
$(document).ready(function(){
$('input:radio[name=column]').click(function(){
var column = this.id;
if(column == 'left')
{
$('table select.left').attr('disabled','');
$('table select.right').attr('disabled','disabled');
}
else
{
$('table select.left').attr('disabled','disabled');
$('table select.right').attr('disabled','');
}
});
});