1

我想这是一个非常简单的问题，但我还没有找到任何资源。也许这是我正在寻找的错误术语...... ;(

我正在为孩子们构建一个学习场景。在这里，他们必须阅读文本并回答问题，然后才能继续阅读下一个文本和问题。所以我没有得到的是孩子们必须编写文本才能重定向的代码。

也许有一个 jQuery 解决方案：一个带有按钮的文本字段（“继续”），在将特定单词写入文本字段后即可单击该按钮。

说真的，这不可能这么复杂...... ;)

如果有人有我可以使用的想法或脚本，我会很高兴！

谢谢和欢呼！

菲利普

4

3 回答 3

1

如果您希望采用您提出的解决方案，您可以编写如下代码：

var textbox = $("#idOfTextbox");
textbox.change(function () {
    $("idOfButton").prop("disabled", !textbox.val());
});

这应该在文本框为空时禁用按钮，并在有文本时再次启用它。

于 2013-05-17T22:10:09.690 回答
1

尝试这个

$(function() {
    $('#input').on('keyup', function() {
      var $btn = $('#button')
      this.value === 'hello' ? $btn.prop('disabled', false) 
                            : $btn.prop('disabled', true) ;
    });
});

检查小提琴

于 2013-05-17T22:10:31.053 回答
1

让它尽可能简单....使用keyup()and prop().

尝试这个

$(function(){  //<--make sure document is ready
  var $btn =  $('#buttonID'); 
  $btn.prop('disabled',true);   //<---disable the button on default
  $('#inputID').keyup(function(){ //<---check if something is typed in input 
    if($(this).val() != ""){
      $btn.prop('disabled',false);  
    }else{
      $btn.prop('disabled',true);
    }
  });
});

这里buttonID和inputID分别是按钮和输入的ID..

确保您正在加载<head>标签内的 jquery,js 脚本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-05-17T22:07:50.237 回答