JSFiddle - React, Tailwind, and code Playground
by Joe Cisneros
HTML
<input type="radio" name="rbnNumber" value="1" checked=checked /> Number 1<br/>
<input type="radio" name="rbnNumber" value="2" /> Number 2 <br/>
<input type="radio" name="rbnNumber" value="3" /> Number 3
CSS
body
{
padding:5px;
font-family: Verdana;
font-size: 10pt;
}
JavaScript
$('[type=radio]').click(function() {
if (this.value == $("[name='rbnNumber']").val()) {
console.log("Selected:" + $(this).val());
$("[name='rbnNumber']:checked").removeAttr('checked');
$(this).prop('checked',false);
}
return false;
});