当文本框等于true时,我将如何禁用文本框和启用按钮

时间:2016-07-17 06:45:05

标签: jquery

我有两个文本框,如果valuetagstruequantitytotransfer应该被禁用,但这一系列代码没有任何帮助吗?

        $(function () {
                $('#valuetags').value(function () {
                    if ($(this).val() == 'true') {
                        $('#quantitytotransfer').attr('disabled', true);
                    } else {
                        $('#quantitytotransfer').attr('disabled', false);
                    }
                });
            });
<input name="valuetags" type="text" class="form-control"  id="valuetags"> 
                                        <input type="number"  required class="form-control" name="quantitytotransfer" id="quantitytotransfer" maxlength="11" onkeypress="return isNumber(event);" >

<button class="btn btn-success btn-flat"  disabled id="submit" >Confirm</button>

2 个答案:

答案 0 :(得分:1)

替换

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

$('#valuetags').on("keyup", function(){
   if ($(this).val() == 'true') {
      $('#quantitytotransfer').attr('disabled', true);
   } else {
      $('#quantitytotransfer').attr('disabled', false);
   }
 });

答案 1 :(得分:0)

请确保&#34;价值&#34;不是一个事件。您可以在此处使用keyup事件。

试试这个:

$(function() {
  $('#valuetags').on("keyup", function() {
    if ($(this).val()) {
       $('#quantitytotransfer').attr('disabled', true);
    } else {
       $('#quantitytotransfer').attr('disabled', false);
    }
  });
});

您可能想要参考这个JS小提琴:https://jsfiddle.net/fz7w1zk5/