JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="txtName" /><br />
<input type="text" id="txtLastname" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="submit" id="btnAddUser" value="Submit" />
JavaScript
$(document).ready(function() {
var disabled1 = true;
var disabled2 = true;
var checkboxes = $("input[type='checkbox']");
$('#txtName' && '#txtLastname').on("keyup", function() {
if ($('#txtName' && '#txtLastname').val().length > 0) {
disabled1 = false;
} else {
disabled1 = true;
}
loadButton();
});
$("input[type='checkbox']").click(function() {
if ($(':checkbox:checked').length > 0) {
disabled2 = false;
} else {
disabled2 = true;
}
loadButton();
});
function loadButton() {
if(!disabled1 || !disabled2) {
$('#btnAddUser').removeAttr('disabled');
} else{
$('#btnAddUser').attr('disabled', 'disabled');
}
}
loadButton();
});