如何查看，計算並顯示此表單的總價格？

-1

<div class="simpleCart_shelfItem"> 
    <img src="image/frod001.gif" alt="" /> 
    <p class="item_name">Fishing rod model 001</p> 
    <span class="item_price">BND $189.95</span><br/>    
    Qty: <input type="text" class="item_quantity" value="1" style="width:20px;"/><br/> 
    <input type="button" onclick="calculateText();" value="add to cart" /> 
</div>

我是新來的編碼和Javascript。我希望按鈕的工作，但沒有PHP，只是使用Javascript

來源

2013-09-24 mickey37

你到底要什麼樣的按鈕點擊？你能否指定你的要求？ –

你用jQuery好嗎？這比純粹的JavaScript學習起來要容易得多，而且打字也少得多... – gibberish

到目前爲止，你有什麼嘗試？你的JavaScript在哪裏，你遇到了什麼錯誤/問題？ – scrappedcola

修改HTML，改變量程到這一點：

<span class="item_price">BND <label id="price">189.95</label></span><br/>

和JS：

function calculateText(){ 
var price=document.getElementById("price").innerText 
var quantity=document.getElementsByClassName("item_quantity")[0].value 
var total=price*quantity 
alert("total: $"+total) 

}

來源

2013-09-24 18:25:09

如何在「document.write」中調用它？總價格 – mickey37

你想要什麼時候執行這段代碼？在頁面加載？你可以從html裏面的任何地方調用這個函數，只需簡單地寫： calculateText（） –

我已經添加純javascript函數... –

試試這個http://jsfiddle.net/KgAe4/4/：

<div class="simpleCart_shelfItem"> 
    <img src="image/frod001.gif" alt="" /> 
    <p class="item_name">Fishing rod model 001</p>         
    <span class="item_price">BND $189.95</span><br/>         
    Qty: <input type="text" class="item_quantity" value="1" style="width:20px;"/><br/> 
    <input type="button" onclick="javascript:calculateText();" id="calculateText" value="add to cart" />       
</div>

jQuery

$("#calculateText").on("click", function(){ 
    var price = $(".item_price").text(); 
    var priceSplit = price.split("$"); 
    var realprice = parseFloat(priceSplit[1]); 
    alert(realprice); 
    var quantity = $(".item_quantity").val(); 
    alert(realprice*quantity); 
});

的Javascript

function calculateText(){ 
    var price = document.getElementsByClassName("item_price")[0].innerHTML; 
    var priceSplit = price.split("$"); 
    var realprice = parseFloat(priceSplit[1]); 
    var quantity = document.getElementsByClassName("item_quantity")[0].value; 
    alert(realprice*quantity); 
}

來源

2013-09-24 18:32:27

如何查看，計算並顯示此表單的總價格？

回答

相關問題