Más precisamente, ¿qué tiene de malo el siguiente código, que hace que los campos se deshabiliten en el botón Facultad solo si primero hice doble clic en el botón Departamento?
He adjuntado como codepen para el contexto completo
$("#fac-button").on('click', function (e) { if($(".fName").is(":disabled")){$(".fName").prop("disabled", false)} if($(".lName").is(":disabled")){$(".lName").prop("disabled", false)} if($(".empId").is(":disabled")){$(".empId").prop("disabled", false)} if($(".headC").is(":enabled")) {$(".headC").prop("disabled", true)} if($(".startDate").is(":disabled")) {$(".startDate").prop("disabled", false)} if($(".stillEmployed").is(":disabled")) {$(".stillEmployed").prop("disabled", false)} if($(".endDate").is(":disabled")) {$(".endDate").prop("disabled", false)}Cualquier ayuda sería genial, gracias
NUNCA hay necesidad de un si cuando tienes algo que toma un valor booleano.
En su caso, simplemente niegue el booleano
$("#fac-button").on('click', function(e) { ["fname", "lName", "empId", "headC", "startDate", "stillEmployed", "endDate"] .forEach(sel => { const elem = document.querySelector("." + sel); elem.disabled = !elem.disabled; }) })Puedes añadir
$(".headC").removeAttr("disabled")si es necesario