JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="one">
<li class="1">
<label for="1" class="label_check">
<input type="radio" id="1" name="one" value="10">10</label>
</li>
<li class="two">
<label for="2" class="label_check">
<input type="radio" id="2" name="one" value="20">20</label>
</li>
<li class="three">
<label for="3" class="label_check">
<input type="radio" id="3" name="one" value="30">30</label>
</li>
<li class="four">
<label for="4" class="label_check">
<input type="radio" id="4" name="one" value="40">40</label>
</li>
<li class="five">
<label for="5" class="label_check">
<input type="radio" id="5" name="one" value="50">50</label>
</li>
</ul>
<ul class="two">
<li>
<label for="6" class="label_check">
<input type="radio" id="6" name="two" value="40">60</label>
</li>
<li>
<label for="7" class="label_check">
<input type="radio" id="7" name="two" value="70">70</label>
</li>
<li>
<label for="8" class="label_check">
<input type="radio" id="8" name="two" value="100">80</label>
</li>
<li>
<label for="9" class="label_check">
<input type="radio" id="9" name="two" value="120">90</label>
</li>
<li>
<label for="10" class="label_check">
<input type="radio" id="10" name="two" value="120">100</label>
</li>
</ul>
<input type="button" id="update_cart" class="update_cart" value="Update Cart">
JavaScript
$("#update_cart").click(function () {
var radioID = $("input[type='radio']:checked").attr("id");
if (radioID) {
alert(radioID);
}
});