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

Question

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

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

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

Answer 1

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

http://jsfiddle.net/SVxbW/

Answer 2

if(!$('input').val()){
    $('#button').hide();
}
else {
    $('#button').show();
}

以它最简单的形式;)