JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="table-responsive">
<table
id="insTblDates"
class="table table-sm table-striped"
style="font-size: small"
>
<thead>
<tr>
<th>From</th>
<th>To</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td>
<div class="dropdown d-grid d-md-block text-center">
<button
id="copy_btnLocationArea"
type="button"
class="btn btn-outline-dark btn-sm dropdown-toggle mx-1"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
style="overflow: visible"
aria-expanded="false"
>
<span class="fa fa-globe"></span> Location
</button>
<ul
id="copy_ddLocationAreas"
class="dropdown-menu csr_lnk"
style="max-height: 400px; width: auto; overflow: auto"
>
<li>
<input
type="radio"
class="d-inline copy_ddLocationArea"
id="copy_ddLocationArea1"
value="1"
name="copy_ddlocationArea"
onclick="copy_ddLocationAreaChanged(this.value);"
/><label
for="copy_ddLocationArea1"
class="d-inline input small dropdownLabel_NormalFont"
>In County</label
>
</li>
<li>
<input
type="radio"
class="d-inline copy_ddLocationArea"
id="copy_ddLocationArea2"
value="2"
name="copy_ddlocationArea"
onclick="copy_ddLocationAreaChanged(this.value);"
/><label
...
JavaScript
function copy_ddLocationAreaChanged(val) {
$(".new_ddLocationArea").each(function () {
if ($(this).val() == val) {
$(this).prop("checked", true)
}
})
}