jquery 非常简单的“插入一个单词继续”脚本

gxwragnw 于 2023-04-20 发布在 jQuery

关注(0)|答案(3)|浏览(71)

我想这是一个非常简单的问题，但是我没有找到任何相关的资源，也许是我搜索的术语不对。
我正在为孩子们构建一个学习场景。在这里，他们必须阅读一段文字并回答一个问题，然后才能继续阅读下一段文字和回答下一个问题。我不明白的是，孩子们必须编写文字才能被重定向的代码。
也许有一个jQuery解决方案：一个文本字段，旁边有一个按钮（“继续”），在特定的单词被写入文本字段后，可以点击该按钮。

jquery

来源：https://stackoverflow.com/questions/16618587/very-simple-insert-a-word-to-continue-script

3条答案

按热度按时间

4jb9z9bj1#

尽可能简单地使用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>

赞(0）回复(0）举报 2023-04-20

goqiplq22#

如果你想使用你提出的解决方案，你可以这样编写代码：

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

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

赞(0）回复(0）举报 2023-04-20

a14dhokn3#

试试这个

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

Check Fiddle

赞(0）回复(0）举报 2023-04-20

我来回答

jquery 非常简单的“插入一个单词继续”脚本

3条答案

相关问题

热门标签

最新问答