JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td>
<input type="radio" name="UseAllCodes" value="yes" checked  onClick="attReset();"> All<br>
<input type="radio" name="UseAllCodes" value="no" onClick="attReset();"  id="theseCodes"> These codes  <br>
<select name="handpick" onChange="attToggleAndReset();" size="10" multiple>
<option value="25248692">Code 1
<option value="25248693">Code 2
</select>
</td>
</tr>
</table>

JavaScript

var $radio = $('#theseCodes');
var radioValue = $radio.val();
var radioName = $radio.attr('name');
var $cell = $radio.closest('td');
var $select = $cell.find('select');
$select.detach();
$cell.empty().append('<input type="hidden" name="' + radioName + '" value="' + radioValue + '" />').append($select);