jQuery removeClass from button

jQuery removeClass from button

本文关键字:button from removeClass jQuery      更新时间:2023-09-26

当输入中至少有一个字符时,我需要从按钮中删除"disabled"类。这是jQuery代码:

$('.reply').on('change', function() {
    if ($(this).val().length > 0) {
        $(".replyBtn").removeClass('disabled');
    }
});

这是HTML:

<input type="text" name="reply" class="reply form-control" placeholder="Rašykite atsakymą...">
<br>
<button type="submit" class="replyBtn btn btn-success disabled">Atsakyti</button>

但它不起作用,我在控制台中没有收到错误

$('.reply').on('input', function() {
  if ($(this).val().length > 0) {
    $(".replyBtn").removeClass('disabled');
  } else {
    $(".replyBtn").addClass('disabled');
  }
});
.disabled {
  color: red
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="reply" class="reply form-control" placeholder="Rašykite atsakymą...">
<br>
<button type="submit" class="replyBtn btn btn-success disabled">Atsakyti</button>

使用input