disable textbox if equal to set value

Question

How will i disable textbox2 if the textbox 1 is equal to true. it's not inputted value its set value.

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

score 1 · Accepted Answer · edited May 23 '17 at 12:14

You can't use ready for element. Only for the document.

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

Here is a great answer about this issue.

By the way You can short your code by pass the condition as the variable to prop function:

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

score 0 · Answer 2 · answered Jul 17 '16 at 09:57

0

When you input text to valuetags it's value attribute is overwritten with the user's input value, i.e. value="true" is no longer set.

Try adding a different attribute in the html such as data-value="true" then

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

answered Jul 17 '16 at 09:57

grateful

1,128
13
25

score 0 · Answer 3 · answered Jul 17 '16 at 10:22

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

disable textbox if equal to set value

3 Answers3