JSFiddle - React, Tailwind, and code Playground
HTML
<label class="radio-inline">
<input type="radio" name="start_1" class="group_1" value="start_1">
<input type="radio" name="start_1" class="group_1" value="start_1">
<input type="submit" name="start_1" value="Save" class="btn sm btn-primary group_1">
</label>
<label class="radio-inline">
<input type="radio" name="start_2" class="group_2" value="start_2">
<input type="radio" name="start_2" class="group_2" value="start_2">
<input type="submit" name="start_2" value="Save" class="btn sm btn-primary group_2">
</label>
JavaScript
$(document).on("click", "input[type='radio']", function() {
var val = $(this).val();
$("input[type='radio']").each(function() {
var name = $(this).attr('name');
if (val != name) {
$(this).attr("disabled", true);
} else {
$(this).attr("disabled", false);
}
});
});