如果复选框选中但输入空禁用另一个复选框

Question

我有一个 chekbox 和一个文本框

<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">

如何制作 jquery，当 vehiche1 被选中但 usr_zipcode 为空或没有值时，它禁用另一个复选框，名称 checkme ：

<input type="checkbox" id="checkme">

我尝试使用下面的代码但不起作用

$('#vehicle1').change(function () {

    var input1 = $('#usr_zipcode');

    input1.change( function() {

       var empty = ( input1.val() == '' );

       $("#checkme").prop('checked', false); 

       $("#checkme").attr('disabled','disabled');

    });

}).change();

Answer 1

创建一个单独的函数来检查或禁用另一个复选框，如下所示function checkOrDisableAnotherCheckBox() {&nbsp; if($('#vehicle1').is(':checked') && $('#usr_zipcode').val() == ''){&nbsp; &nbsp; $("#checkme").attr('disabled', true);&nbsp; } else {&nbsp; &nbsp; $("#checkme").removeAttr('disabled');&nbsp; }}$('#vehicle1').change(function () {&nbsp; checkOrDisableAnotherCheckBox();});$('#usr_zipcode').keyup(function () {&nbsp; checkOrDisableAnotherCheckBox();});