1

私のページで単純な乗算を達成しようとしています。

これは私が持っているものです:

HTML 

    <input type="text" name="qty" id="qty" maxlength="12" title="Qty" class="input-text qty">
    <span class="price">$2</span>
    <div class="total"></div>

jQuery

     $('input[name="qty"]').keyup(function() {
     var a = $('span.price"]').val();
     var b = $(this).val();
     $('.total"]').val(a * b);
     });

-基本的に何が起こるかというと、input#qty はユーザーが入力するフィールドです -span.price は価格が更新される場所です。商品にオプションを追加すると、span.price が更新されます -.total は数量 * 価格から合計が表示される div。

jQuery でこれがすべて可能であることはわかっています。これを機能させるために何時間も費やしました。

4

4 に答える 4

1 
 $('input[name=qty]').keyup(function() {
     var a = $('span.price').html();
     var b = $(this).val();
     $('.total').html(a * b);
     });

上記のコードを試してみてください。

于 2013-04-30T07:37:12.713 に答える
1

フォーム html タグから値を取得できません。そのためには、.html() メソッドを使用する必要があります。

$('input[name=qty]').keyup(function() {
 var a = $('span.price').html();
 var b = $(this).val();
 $('.total').html(parseInt(a) *parseInt(b));
 });

または、 parstInt なしで直接書くこともできます

$('input[name=qty]').keyup(function() {
 var a = $('span.price').html();
 var b = $(this).val();
 $('.total').html(parseInt(a) *parseInt(b));
 });

楽しみ.....！！！:)

于 2013-04-30T07:57:40.937 に答える