Question

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

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

也许有一个jQuery解决方案：一个文本字段旁边有一个按钮（“继续”），只有在特定单词写入文本字段后才能点击。

严重的是，不能这么复杂......;）

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

谢谢和欢呼！

菲利普

Answer 1

使用keyup()和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>

Answer 2

如果您希望使用您提出的解决方案，可以这样编码：

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

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

Answer 3

试试这个

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

<强> Check Fiddle

很简单“插入一个单词继续”脚本

3 个答案: