Question

伙计们我想做一个待办事项清单。

如果textarea上没有任何内容，则禁用按钮。如果您开始输入，则不会禁用按钮。好的，这适用于我的代码，但在添加列表后，按钮未被禁用。但是，如果我在textarea上键入并删除我的文本按钮被禁用，如果我键入，则按钮不会被禁用。我想要的是，点击按钮后（添加列表后），必须禁用按钮，直到我输入。 here fiddle

＆＃13;

$(function() {
  $('#textarea').val('');
  
  $('#button').attr("disabled", true);
  $('#button').css('background', 'red');

  $('#textarea').keyup(function(e) {
    var keyed = $(this).val();
    if ($(this).val() == 0) {
      $('#button').css('background', 'red');
      $('#button').attr("disabled", true);
    } else {
      $('#button').css('background', '#333');
      $('#button').attr("disabled", false);
    }
   
$('#button').click(function() {
    var userList = $('#textarea').val();
    $('#textarea').val('');
    $('#list-area').append("<br/>" + userList);
  }); 
  
  });
});

＆＃13;

#todolist {
  width: 300px;
  height: 200px;
  margin: 10px auto;
  border: 1px solid red;
}
#center {
  text-align: Center;
  margin-top:5px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="todolist">
  <div id="center">
  <textarea rows="1" id="textarea"></textarea>
    <button id="button">Add</button>
  </div>
  <div id="list-area">
  
  </div>
</div>

＆＃13;

Answer 1

在按钮点击事件中使用此行

$(this).css('background', 'red').prop("disabled", true);

Working demo

如果您不在textarea上发短信，则禁用按钮不起作用

1 个答案: