javascript - 如果输入不为空则显示按钮

标签 javascript jquery

我不是 JavaScript 大师,所以我需要一些简单代码方面的帮助。 我有一个按钮可以清除输入字段的值。

我希望它(按钮)在输入字段为空时隐藏,反之亦然(如果输入字段内有文本则可见)。

解决方案可以是纯 JavaScript 或 jQuery,没关系。越简单越好。

最佳答案

$("input").keyup(function () {
   if ($(this).val()) {
      $("button").show();
   }
   else {
      $("button").hide();
   }
});
$("button").click(function () {
   $("input").val('');
   $(this).hide();
});

http://jsfiddle.net/SVxbW/

关于javascript - 如果输入不为空则显示按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10709884/

相关文章:

javascript - 显示 : block error - Keep blinking

javascript - 计算数字有效数字位数的最快方法是什么?

javascript - 评估responseText/responseXML性能

使用 "this"和 "onclick"时出现 JavaScript 错误 - 无法设置未定义的属性 'display'

Jquery:按钮值更改不起作用,但更改显示在检查元素上

jquery - Ember 验收测试 andThen() 不会等到滚动事件完成

javascript - 在 React App 中显示文本编辑器中的内容

jquery - 我无法启用和禁用表单输入字段

javascript - 使用 jQuery/JavaScript 将行和列添加到 HTML

php - 如何从 anchor 标记调用php函数?