0

HTMLコード

<button id="btn1">show item no. 1</button>
<button id="btn2">show item no.2</button>
<div id="resulttext"></div>

JavaScript コード

price1=20;
price2=50;
qty1=0;
qty2=0;
amount=0;

$(document).ready(function(){
    $('#btn1').click(function(){
        qty1=qty1 + 1;
        amount=price1*qty1;
        $("resultqty").change(qty1);
        $("resultprice").change(amount);
        $("#resulttext").append("<div><button type='button' id='remove1' class='close pull-right' aria-hidden='true'>&times;</button>REGULAR BURGER" + "<p> Quantity:"+qty1+"</p><p> Unit Total:"+amount+"</div>");
    })
})
$(document).on('click', 'button#remove1', function(){        
     $(this).parent().remove();
});

$(document).ready(function(){
    $('#btn2').click(function(){
        qty2=qty2 + 1;
        amount=price2*qty2;
        $("resultqty").change(qty2);
        $("resultprice").change(amount);
        $("#resulttext").append("<div><button type='button' id='remove2' class='close pull-right' aria-hidden='true'>&times;</button>SPECIAL BURGER"+ "<p> Quantity:"+qty2+"</p><p> Unit Total:"+amount+"</div>");
    })
})
$(document).on('click', 'button#remove2', function(){        
    $(this).parent().remove();
});

上記のコードは実際に機能していますが、私の主な問題は、特定のボタンをクリックすると、追加する必要があるテキストが 1 回だけ表示されるはずですが、同じボタンを連続してクリックすると、数量と量がリアルタイムで変化することです。 .

もう1つは、両方のボタンの合計を取得してページに表示したいということです。

4

2 に答える 2

0

.append() を .html() に変更し、別の ID で新しい div を作成します。

jsfiddle.net/wjkH4/
于 2013-10-21T09:56:59.420 に答える