Javascript 基于选择更改或输入条目启用和禁用JQuery

我已经有一个JQ，它需要从第一个下拉列表中进行选择才能单击Save。如果你看这个例子，你会发现我有一个可选的Add任务

我不能让某人选择任务类型，然后忘记到期日期，或者键入到期日期，然后忘记任务类型。由于各种其他原因，php端验证无法工作，因此我想知道如果只有其中一个有内容，是否有一个简单的JQuery可以禁用Save

（附言-如果你得到了角色推荐，请告诉我）：）

HTML:

---

您可以像这样检查您的ifcase中的duedate是否有任何值

$('#fdispositionid,#fduedate2').on('change keyup',function(){
    var selected = $('#fdispositionid').val();
    var date=$('#fduedate2').val();
    if(selected == '0' || date==""){
      $('#notesave').prop("disabled", true);
    }
    else{
      $('#notesave').prop("disabled",false);
    }
});

注意：对属性值使用

.prop（）

---

问题在于，除非有人选择了正上方的任务类型，否则这不是必需的。由于添加任务是可选的，所以我不想禁用保存，除非用户开始创建任务但尚未完成。我不确定这是否有意义。@internetjason我想我明白了，这里更新了fiddle，但还不完全清楚。我不知道这是否比它需要的更复杂。选择一个有效的处置后，“保存”将启用。但是一旦选择了它，如果输入了任务类型或日期，而另一个没有，我想再次禁用Save。因此，我选择Disposition，Save处于启用状态。我选择一个任务类型并保存，然后应该禁用，直到输入日期，然后再次启用。

$('#fdispositionid').change(function(){
    var selected = $(this).val();
    if(selected == '0'){
      $('#notesave').attr("disabled", "disabled");
    }
    else{
      $('#notesave').removeAttr("disabled");
    }
});

$('#fdispositionid,#fduedate2').on('change keyup',function(){
    var selected = $('#fdispositionid').val();
    var date=$('#fduedate2').val();
    if(selected == '0' || date==""){
      $('#notesave').prop("disabled", true);
    }
    else{
      $('#notesave').prop("disabled",false);
    }
});