選中復選框時啟用/禁用輸入

Question

因此，我有一個復選框和一個“輸入數字”，我想在使用jquery選中/取消選中該復選框時啟用/禁用該輸入！

這是代碼：

 $(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++;
      });
    });
  });
}); 

和html代碼：

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

這是有效的，但僅與第一個復選框和輸入一樣，如您在此處看到的

Answer 1

使用“ .is（'：checked'）”來檢查是否選中了選擇框。希望這會有所幫助，我認為這就是您想要的

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