JSFiddle - React, Tailwind, and code Playground
by Ryan Perez
HTML
<form>
<div>
<input type="radio" name="test1" value="Yes" checked> Yes<br>
<input type="radio" name="test1" value="no" checked> no<br>
</div>
<div>
<input type="radio" name="test3" value="Yes" checked> Yes<br>
<input type="radio" name="test3" value="no" checked> no<br>
</div>
<input type="submit" value="Submit">
</form>
JavaScript
$('[type="radio"]').change(function() {
var allYes = true;
$('[type="radio"]').each(function() {
var $input = $(this);
if ($("[name='" + $input.prop("name") + "'][value='no']:checked").length != 0) {
allYes = false;
}
});
if (allYes) {
$("input:submit").removeAttr("disabled");
} else {
$("input:submit").attr("disabled", "disabled");
}
});