Javascript 如果复选框选中但输入为空，则禁用另一个复选框

我有一个复选框和一个文本字段

<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">

<input class="form-control" type="text" id="usr_zipcode" maxlength="10" name="usr_zipcode" required="required">

---

创建一个单独的函数来检查或禁用另一个复选框，如下所示

function checkOrDisableAnotherCheckBox() {
  if($('#vehicle1').is(':checked') && $('#usr_zipcode').val() == ''){
    $("#checkme").attr('disabled', true);
  } else {
    $("#checkme").removeAttr('disabled');
  }
}

$('#vehicle1').change(function () {
  checkOrDisableAnotherCheckBox();
});


$('#usr_zipcode').keyup(function () {
  checkOrDisableAnotherCheckBox();


});

您可以尝试我的代码：

$('#vehicle1').change(function () {
   checkEmpty();    
});

function checkEmpty(){ 

  var empty = ( $('#vehicle1').prop('checked') && $('#usr_zipcode').val() == '' );
  if (empty) {
    $("#checkme").prop('checked', false); 
    $("#checkme").attr('disabled','disabled');
  }else {
    $("#checkme").removeAttr("disabled");
  }
}

---

这是一个演示：

。对输入
type=“text”
字段进行更改是不正确的。寻找其他合适的函数。
function checkOrDisableAnotherCheckBox() {
  if($('#vehicle1').is(':checked') && $('#usr_zipcode').val() == ''){
    $("#checkme").attr('disabled', true);
  } else {
    $("#checkme").removeAttr('disabled');
  }
}

$('#vehicle1').change(function () {
  checkOrDisableAnotherCheckBox();
});


$('#usr_zipcode').keyup(function () {
  checkOrDisableAnotherCheckBox();


});

$('#vehicle1').change(function () {
   checkEmpty();    
});

function checkEmpty(){ 

  var empty = ( $('#vehicle1').prop('checked') && $('#usr_zipcode').val() == '' );
  if (empty) {
    $("#checkme").prop('checked', false); 
    $("#checkme").attr('disabled','disabled');
  }else {
    $("#checkme").removeAttr("disabled");
  }
}