jQuery：如何根据输入值启用/禁用按钮？

Question

我正在使用 jQuery，想知道用户在输入字段中输入内容后如何启用按钮？如果他们删除了输入字段的内容，则该按钮将再次被禁用。我创建了这个小演示来提供帮助。

我必须使用“keyup”来执行此操作吗？

$( "#target" ).keyup(function() {
  alert( "Handler for .keyup() called." );
});

Answer 1

您需要使用.prop()添加/删除disabled按钮的属性。该函数获取true/false第二个参数，用于添加/删除目标属性。

$( "#target" ).keyup(function() {
  $("button").prop("disabled", !this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="target" />
<button disabled>Next</button>

在您的代码上查看代码演示的结果