JSFiddle - React, Tailwind, and code Playground
by Alexander Malyshev
HTML
<table border=1><tbody id="media_gallery_content_list">
<tr id="media_gallery_content_template" class="template no-display">
<td class="cell-image"><div class="place-holder" ><span>Roll Over for preview</span></div></td>
<td class="cell-label"><input type="text" class="input-text" ></td>
<td class="cell-position"><input type="text" class="input-text validate-number" ></td>
<td class="cell-image a-center"><input type="radio" name="product[image]" value="__file__"></td>
<td class="cell-small_image a-center"><input type="radio" name="product[small_image]" value="__file__"></td>
<td class="cell-thumbnail a-center"><input type="radio" name="product[thumbnail]" value="__file__"></td>
<td class="cell-disable a-center"><input type="checkbox" ></td>
<td class="cell-remove a-center last"><input type="checkbox" ></td>
</tr>
<tr id="media_gallery_content-image-0">
<td class="cell-image">No image</td>
<td class="cell-label"><input type="hidden"> </td>
<td class="cell-position"><input type="hidden"> </td>
<td class="cell-image a-center"><input type="radio" name="product[image]" value="no_selection"></td>
<td class="cell-small_image a-center"><input type="radio" name="product[small_image]" value="no_selection"></td>
<td class="cell-thumbnail a-center"><input type="radio" name="product[thumbnail]" value="no_selection"></td>
<td class="cell-disable"><input type="hidden"> </td>
<td class="cell-remove last"><input type="hidden"> </td>
</tr>
<tr id="media_gallery_content-image-1" class="preview">
<td class="cell-image"><div...
JavaScript
$$('tr#media_gallery_content-image-1 td.cell-image.a-center input')[0].setAttribute('checked','checked');
$$('tr#media_gallery_content-image-1 td.cell-small_image.a-center input')[0].setAttribute('checked','checked');
$$('tr#media_gallery_content-image-1 td.cell-thumbnail.a-center input')[0].setAttribute('checked','checked');