JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="radiogrp" value="op1" checked="checked">Option1
<input type="radio" name="radiogrp" value="op2"> Option2
<input type="radio" name="radiogrp" value="op3" > Option3
<input type="radio" name="radiogrp" value="op4"> Option4
JavaScript
var radios = $('input[name=radiogrp]'); //Cache all the radio button
radios.click(function() {
//Attach a fucntion to the click event of all radio button
if(this.value!='op1') { //Check if currently click button has value of op1
radios.filter('[value="op1"]').prop('disabled', 'disabled'); //if not disable the first
}
});