if checkbox check but input empty disable another checkbox

Question

i have one chekbox and one textfield

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

how to make jquery, when vehiche1 is check but usr_zipcode is empty or no value, it disable another checkbox , name checkme :

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

i try to use below code but not working

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

    var input1 = $('#usr_zipcode');

    input1.change( function() {
       var empty = ( input1.val() == '' );
       $("#checkme").prop('checked', false); 
       $("#checkme").attr('disabled','disabled');
    });
}).change();

Sunil Kashyap · Accepted Answer · 2019-05-27 04:43:35Z

1

create a separate function to check or disable another checkbox like below

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();


});

answered May 27, 2019 at 4:43

Sunil Kashyap

2,9842 gold badges17 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ryan Nghiem · Accepted Answer · 2019-05-27 04:49:36Z

1

You can try my code:

$('#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");
  }
}

This is a demo: https://codepen.io/phuongnm153/pen/zQavrN

edited May 27, 2019 at 4:49

answered May 27, 2019 at 4:46

Ryan Nghiem

2,4482 gold badges21 silver badges31 bronze badges

1 Comment

Death-is-the-real-truth Over a year ago

.change on a input type="text" field is not a correct idea. Look for other appropriate function.

Collectives™ on Stack Overflow

if checkbox check but input empty disable another checkbox

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related