0

そのため、いくつかのjQueryに小さな問題があり、助けが必要です。入力フィールドから取得した値と静的要素から取得した値の 2 つがあります。だから、かなりシンプルであるべきだし、できるだけ「生きている」ものにしたい。そのためにJSFIDDLEを作りました。チェックアウトしてください。

http://jsfiddle.net/pzSxL/2/

$('#bet-amount').keyup(function() {
var amount = $("#bet-amount").val();
var odds = 2;

var total = amount * odds;

$("#potential-payout").val(total); 
});

私が望むのは、デフォルトとして 0 を含むスパンを更新することであることがわかると思います。

よろしく、アンドレ!

4

4 に答える 4

0

間違えましたspan.val();。スパン内のhtmlを更新するにはhtmlまたはtextjQueryメソッドを使用する必要があります。また、入力フィールドから値を解析する必要があります。これがあなたの機能です。

$('#bet-amount').keyup(function() {
    var amount = parseFloat($("#bet-amount").val());
    var odds = 2;

    var total = amount * odds;

    $("#potential-payout").html(total); // sets the total price input to the quantity * price
});
于 2013-02-19T17:08:00.123 に答える
0

val関数を使用して内部htmlを変更することはできません。Htmlは正しい関数です:

$("#potential-payout").html(total); 
于 2013-02-19T17:09:12.183 に答える
0

これを試してください:http://jsfiddle.net/pzSxL/3/

 var total = amount * odds;

 $("#potential-payout").text(total);
       //  ------------^^^^^-----------you had to change this.
于 2013-02-19T17:06:32.143 に答える
0
$('#bet-amount').on('keyup', function() {
    var amount = parseFloat( this.value ),
        odds   = 2,
        total  = amount * odds;

    $("#potential-payout").text(total);
});

フィドル

value から返される結果は常に文字列であるため、少し解析を行う必要があります。また、スパンの「値」を設定する場合、それは実際には値ではなくテキスト コンテンツであり、text()より適切です。

于 2013-02-19T17:12:49.830 に答える