JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="test" id="format-checkbox"/> Check
   

									
									<table id="showfields" style="display:none;">
	
									<tr>
									<td><input type="radio" name="searchfield" id="checkno"></td>								
									<td>
									<label> Check No:</label>
									</td> 
									<td>
									<input type="text" name="checkno_search" id="checkno_search" disabled> 
									</td>
									</tr>
									
									<tr>
									<td><input type="radio" name="searchfield" id="checkbank"></td>
									<td>
									<label> Bank:</label>
									</td> 
									<td>
									<input type="text" name="checkbank_search" id="checkbank_search" disabled> 
									</td>
									</tr>

									<tr>
									<td><input type="radio" name="searchfield" id="checkdate"></td>
									<td>
									<label> Date:</label>
									</td> 
									<td>
									<input type="text" name="checkdate_search" id="checkdate_search" disabled> 
									</td>
									</tr>
									
									<tr>
									<td><input type="radio" name="searchfield" id="checksignatory"></td>
									<td>
									<label> Signatory:</label>
									</td> 
									<td>
									<input type="text" name="checksignatory_search" id="checksignatory_search" disabled> 
									</td>
								</tr></table></td></tr>
										
								</table>

JavaScript

$('input[name=test]').click(function () {
    if (this.id == "format-checkbox") {
        $("table#showfields").show();
    } else {
        $("table#showfields").hide();
    }
});