-2

JavaScript は初めてで、関数を実行する必要があります。基本的にシナリオとは、数値を増減するために使用される2つの要素があります。値は要素に表示されます。要素がある場所の画像を表示しました! JavaScript を使用してこれを行うにはどうすればよいですか?

ここに画像の説明を入力

アップデート :

要素のクリック イベント用に次の jQuery 関数を作成しました。しかし、要素をクリックしても結果は変わりません。

 jQuery(document).ready(function(){
        jQuery(".amount-increase").click(function(
            var amount = parseInt($(".bill-item-amount span")text(),10);
            amount = amount + 1;
            $(".bill-item-amount span").text(amount);
        ));
    });

これが HTML 要素マップです。

 <div class="bill-item-description">
 <!-- Section for Item description and pricing -->
 <div class="bill-item-name">
 <p class="bill-item-name-left">Normal Cofee</p><p class="bill-item-name-right">170.00</p>
 <div class="clear"></div>
 </div>
 <div class="bill-item-price">
 <span>170.00 USD</span>
 </div>
 <div class="bill-item-amount">
 <span>2</span>
 </div>
 </div>
 <div class="bill-amount-selection">
 <!-- Section where the increment & decrement of item amount goes -->
 <a class="amount-increase" href="#"></a>
 <a class="amount-decrease" href="#"></a>
 </div>
4

4 に答える 4

1

http://jsfiddle.net/Praveen16oct90/QkgzB/

これを見てください..あなたのために作成されました...

              $(document).ready(function()
        {
        var x=2;
                $("#increase").click(function()
                {

                        x+=1;
                        $("#price").html(x);

                });

        });
于 2013-04-09T07:56:56.167 に答える
1

どこかから値を取得するか、0 から開始してそれに応じて追加することができると仮定すると、これよりも多くのことが必要になりますが、jQuery を使用すると非常に簡単です。

http://jsfiddle.net/6hMfj/

HTML

<div id="box1">1</div>
<a href="#" id="increase1">Click</a>

jQueryを使ったJavaScript

var x = 0; //<?php echo '$num' ?> or default setting or something
$("#increase1").click(function() {
    // This assumes you get value from database as number
    x+=1;
    $("#box1").html(x);
});
于 2013-04-09T06:06:39.640 に答える
1
$(document).ready(function(){
var s1=170;
$("amt_in").click(function(){
  s1=s1+1;
  document.getElementById("price").value=s1;
  });
$("amt_de").click(function(){
  s1=s1-1;
  document.getElementById("price").value=s1;
  });

  });
于 2013-04-09T07:26:15.253 に答える