1

これは非常に簡単な質問だと思いますが、そのためのリソースは見つかりませんでした。多分それは私が探している間違った用語です... ;(

子供向けの学習シナリオを作成しています。ここでは、次のテキストと質問に進む前に、テキストを読んで質問に答える必要があります。だから私が得られないのは、リダイレクトされるために子供たちがテキストを書かなければならないコードです。

おそらくjQueryソリューションがあります。特定の単語がテキストフィールドに書き込まれた後にクリックできるボタン（「先に進む」）が横にあるテキストフィールド。

真剣に、それほど複雑なことはできません... ;)

誰かが私が使用できるアイデアまたはスクリプトを持っていると、とてもうれしいです!

ありがとう、乾杯！

フィリップ

4

3 に答える 3

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()し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 に答える
1

提案したソリューションを使用したい場合は、次のようにコーディングできます。

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

これにより、テキストボックスが空の場合はボタンが無効になり、テキストがある場合は再び有効になります。

于 2013-05-17T22:10:09.690 に答える