jQuery if condition根据条件不能正常工作

为什么当每个框的值相同时，

按钮

未被禁用

我有4个文本框，2个用于比较部门名称的文本框和2个用于比较活动部门的文本框

$（“#部门输入，#部门名称输入，#部门活动”）.bind（“键控更改”，函数（）{
var departmentIDInput=$（“#departmentIDInput”）.val（）；
var departmentNameInput=$（“#departmentNameInput”）.val（）；
var departmentNameInputCurrent=$（“#departmentNameInputCurrent”）.val（）；
var departmentActive=$（“#departmentActive”）.val（）；
var departmentActiveVal=$（“#departmentActiveVal”）.val（）；
var departmentActiveValCurrent=$（“#departmentActiveValCurrent”）.val（）；
if（departmentNameInput！=departmentNameInputCurrent）{
$（“#btnUpdate”）.attr（'disabled'，false.）.removeClass（'btn#inact'）.addClass（'btn#act'）；
}否则{
$（“#btnUpdate”）.attr（'disabled'，true.）.removeClass（'btn#u act'）.addClass（'btn#u inact'）；
}
if（departmentActiveVal==departmentActiveValCurrent）{
$（“#btnUpdate”）.attr（'disabled'，false.）.removeClass（'btn#inact'）.addClass（'btn#act'）；
}否则{
$（“#btnUpdate”）.attr（'disabled'，true.）.removeClass（'btn#u act'）.addClass（'btn#u inact'）；
}
});
由于第二个if条件，当每个框的值相同时，按钮不会被禁用

 if (departmentActiveVal == departmentActiveValCurrent) {
    $("#btnUpdate").attr('disabled', false).removeClass('btn_inact').addClass('btn_act');
  } 

计算结果为true，按钮将被启用
您可以尝试在三元操作中简化功能，例如：


$（“#部门输入，#部门名称输入，#部门活动”）.bind（“键控更改”，函数（）{
var departmentIDInput=$（“#departmentIDInput”）.val（）；
var departmentNameInput=$（“#departmentNameInput”）.val（）；
var departmentNameInputCurrent=$（“#departmentNameInputCurrent”）.val（）；
var departmentActive=$（“#departmentActive”）.val（）；
var departmentActiveVal=$（“#departmentActiveVal”）.val（）；
var departmentActiveValCurrent=$（“#departmentActiveValCurrent”）.val（）；
var isNameEqual=部门名称输入===部门名称输入当前；
var isActiveValueEqual=departmentActiveVal===departmentActiveValCurrent；
var isDisabled=isNameEqual&&isActiveValueEqual；
$（“#btnUpdate”）.prop（'disabled'，isDisabled.）.removeClass（'btn#inact'）.addClass（'btn#act'）；
});HTML示例中没有按钮。还可以使用
prop（）
not
attr（）
来设置按钮的禁用状态，您只需使用简单的and-if（departmentNameInput！=departmentNameInputCurrent&&departmentActiveVal==departmentActiveValCurrent）{。。。