Deaktiviere Textfeld, wenn der Wert gleich

Question

ist

Wie werde ich Textbox2 deaktivieren, wenn die Textbox 1 gleich true ist. es ist kein eingegebener Wert sein Einstellwert.

$('#valuetags').ready(function() { 
    if ($(this).val() == 'true') { 
    $('#quantitytotransfer').prop('disabled', true); 
    } else { 
    $('#quantitytotransfer').prop('disabled', false); 
    } 
)}; 

<input name="valuetags" type="text" value="true" class="form-control" id="valuetags"> 

<input type="number" required class="form-control" name="quantitytotransfer" id="quantitytotransfer" maxlength="11"> 

Answer 1

Sie können nicht ready für Element verwenden. Nur für das Dokument.

$(function(){ 
 
    if ($('#valuetags').val() == 'true') { 
 
    $('#quantitytotransfer').prop('disabled', true); 
 
    } else { 
 
    $('#quantitytotransfer').prop('disabled', false); 
 
    } 
 
});

<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
 
<input name="valuetags" type="text" value="true" class="form-control" id="valuetags"> 
 

 
<input type="number" required class="form-control" name="quantitytotransfer" id="quantitytotransfer" maxlength="11">

ist hier ein großes answer zu diesem Problem.

By the way Sie können kurzen Code durch den Zustand als die Variable prop Funktion übergeben:

$(function(){ 
 
    $('#quantitytotransfer').prop('disabled', $('#valuetags').val() == 'true'); 
 
});

<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
 
<input name="valuetags" type="text" value="true" class="form-control" id="valuetags"> 
 

 
<input type="number" required class="form-control" name="quantitytotransfer" id="quantitytotransfer" maxlength="11">

Answer 2

Wenn Sie Text zu valuetags ist es Wert Attribut mit überschrieben der Benutzereingabewert, dh value="true" ist nicht mehr gesetzt.

Versuchen Sie ein anderes Attribut in den HTML-Code hinzugefügt wie data-value="true" dann

if ($(this).data("value") == 'true'){} 

Answer 3

 function activer(){ 
      if ($('#valuetags').val() == 'true') { 
      $('#quantitytotransfer').prop('disabled', true); 
      } else { 
      $('#quantitytotransfer').prop('disabled', false); 
      ; 
      } 
     } 
     $(document).ready(function() { 
      activer(); 
      $('#valuetags').on('change', function() { 
       activer(); 
      }); 
     });