JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<div id="question1">
<input type="radio" name="test1" value="Yes" checked> Yes
<br>
<input type="radio" name="test1" value="no" checked> no
<br>
</div>
<label class="err-msg">Error Message</label>
<input id="submit" type="submit" value="Submit" disabled>
</form>
CSS
.disabled {display:none}
JavaScript
$("input:submit").addClass('disabled').attr("disabled", true);
$( "input" ).change(function() {
var buttons = jQuery("input:radio:checked").get();
var values = $.map(buttons, function(element) {
return $(element).attr("value");
});
if(values == "Yes") {
alert("yes");
$("input:submit").removeClass().attr("disabled", false);
$(".err-msg").hide();
}
});