Enable/Disable input when checkbox is checked

Question

So I have a checkbox and an "input number" and I want to enable/disable that input when check/uncheck the checkbox with jquery!!

Here is the code:

 $(document).ready(function() { 
      $("#criar").click(function() {
        $('input[name^="quant"]').each(function() {
          $(this).attr('disabled', 'disabled');
  });
  $('#myform').change(function(){
        var i=0;
        $('input[name^="tipo"]').each(function() {
          if($(this).prop('checked')){
            $('#textnumber').eq(i).prop('disabled', false);
          }else{                                         
            $('#textnumber').eq(i).prop('disabled',true);
          }
           i++;
      });
    });
  });
});

And the html code:

<input type="checkbox" name="tipo[]" id="tipo">
<input type="number" name="quant[]" min="1" max="50" id="textnumber[]">

This is working but only with the first checkbox and input as you can see here

could you post the rest of the html please. I'm not sure what you're clicking on. what is $('#criar'). also depending on what you want to do you could create a class for all the checkboxes and then use each to loop over them and use $(this) to capture checkbox you're actually clicking on — Michael Cacciano
– Michael Cacciano, Commented Apr 5, 2019 at 13:10

Deepak A · Accepted Answer · 2019-04-05 13:17:59Z

1

Use ".is(':checked')" to check if select box is selected .Hope this helps,I think this is what you were looking for

$(document).ready(function() { 
  $('.number').prop('disabled', true);
  $('#tipo').click(function(){
  if($(this).is(':checked'))
  {
        $('.number').prop('disabled', false);
  }
  else
        $('.number').prop('disabled', true);
      })

 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="tipo[]" id="tipo">
<input type="number" name="quant[]" min="1" max="50" id="textnumber[]" class="number">

answered Apr 5, 2019 at 13:17

Deepak A

1,6361 gold badge9 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Enable/Disable input when checkbox is checked

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related