㈠ 一些電商網站在加入購物車和結算的時候鏈接顯示JavaScript：void（0），為什麼要用js來進行提交
為了更好的用戶體驗和安全方面的考慮. 在加入購物車的時候, 一般是用ajax做的, 那麼如回果不用ajax做的話, 你點答擊加入購物車, 那麼就直接跳到購物車界面去了, 這對用戶體驗其實並不好, 因為用戶可能還想逛逛, 還想買東西.
結算的時候也是使用ajax, 為什麼, 因為結算頁面並不是死的頁面, 有可能用戶還要調一下商品數量啊, 再選一下款式啊什麼的, 這個時候你用ajax在本頁面進行數據的交換 , 就比不停的刷新頁面要好的多.
㈡ 怎麼實現購物車結算
你好：抄這個的話，你其實很簡單的襲，你的應該做成個form，之後提交表單，獲取到對應的屬性名稱的值，然後就可以計算了，必須用post提交。也可以js算出來結果然後直接
http://lcoalhost:8080/Root?sum =500;這樣提交post請求來實現
㈢ 在java中，怎麼通過javascript來實現購物車里所有商品價格的總價結算
用JQuery選擇器，操作DOM元素，進行商品加減操作（動態數據可以參考ajax技術）
㈣ js實現購物車自動結算 的功能，在網上的那個實力挺好但是下載不了啊
附件zip包里有你要的2個JS購物車。
㈤ javascript計算購物車中商品的交易費用,實現總價計算
<scripttype="text/javascript"language="javascript">
$(function(){
//$("dd>input").each(function(index,domEle){
//alert(this.value);
//});
vartotal=0;
varprice,num;
$("dd:has(input)").each(function(index,domEle){
//alert($(domEle).text());
price=$("input:text",domEle)[0].value;
num=parseFloat($(domEle).text());
total+=price*num;
alert(total);
});
});
</script>現學現賣
㈥ 用javascript怎樣計算購物車價格
/*計算總價格*/
var totalPrice=0;
for(var a=1;a<3;a++){
var quantity=document.getElementById("quantity"+a).value;
var price=document.getElementById("price"+a).value;
var smallTotal=quantity*price;
totalPrice=totalPrice+smallTotal;
}
var total=document.getElementById("total");
total.innerHTML=totalPrice;
}
</script>
<script type="text/javascript">
function initialize()
{
var totalPrice=0;
for(var a=1;a<3;a++){
var quantity=document.getElementById("quantity"+a).value;
var price=document.getElementById("price"+a).value;
var smallTotal=quantity*price;
totalPrice=totalPrice+smallTotal;
/*alert(smallTotal);*/
var smallT=document.getElementById("smallTotal"+a);
smallT.innerHTML=smallTotal;
}
/*取出購物車的所有商品的價格總和*/
var total=document.getElementById("total");
total.innerHTML=totalPrice;
}
</script>
<style type="text/css">
#imgtest {
position: absolute;
top: 100px;
left: 400px;
z-index: 1;
}
table {
left: 100px;
font-size: 20px;
}
</style>
</head>
<body onload="initialize()">
<div id="imgtest"></div>
<br />
<br />
<table border="1" style="text-align: center;" align="center">
<thead style="height: 50">
<td style="WIDTH: 300px">
商品名稱
</td>
<td style="WIDTH: 60px">
圖片
</td>
<td style="WIDTH: 170px">
數量
</td>
<td style="WIDTH: 170px">
價格
</td>
<td style="WIDTH: 250px">
小計
</td>
</thead>
<tbody>
<tr>
<td class="name">商品1</td>
<td class="image">
<img src="1.jpg" width="40px" height="40px" id="image1" />
</td>
<td class="quantity">
<input id="quantity1" value="1" onblur="total(1);" />
</td>
<td class="price">
<input type="hidden" id="price1" value="20" />
20
</td>
<td class="total">
<span id="smallTotal1"></span> 元
</td>
</tr>
<tr>
<td class="name">商品2</td>
<td class="image">
<img src="1.jpg" width="40px" height="40px" id="image1" />
</td>
<td class="quantity">
<input id="quantity2" value="2" onblur="total(2);" />
</td>
<td class="price">
<input type="hidden" id="price2" value="30" />
30
</td>
<td class="total">
<span id="smallTotal2"></span> 元
</td>
</tr>
<tr>
<td colspan="4" class="cart_total">
<br>
</td>
<td>
<span class="red">總計:</span><span id="total"></span> 元
</td>
</tr>
</tbody>
</table>
</body>
</html>
㈦ 前端用js如何實現購物車功能，如圖那樣的效果
這是需要多個方法才能完成的
1，需要動態添加商品那一條顯示的function
2，個數那個需要一個增加減少的function
3， 需要個統計總數量的
4，需要一個檢測checkbox的
你做到什麼程度了
㈧ js對話框，我想做一個購物車結算功能，在結算的時候會花上幾秒鍾時間，這時候
稍等一下，我貼個demo代碼給你
這個是HTML頁面
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>Demo</title>
<scripttype="text/javascript"src="
<styletype="text/css">
body{font-size:14px;}
.btn{background:#f22d00;color:#fff;display:inline-block;width:120px;height:50px;line-height:50px;text-align:center;font-family:'LantingheiSC','MicrosoftYahei';font-size:20px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;text-decoration:none;cursor:pointer;}
.mask{background:#000;opacity:0.5;height:50px;width:120px;position:absolute;left:8px;top:8px;color:#fff;line-height:50px;text-align:center;font-weight:bold;}
.maskimg{vertical-align:-3px;margin-right:5px}
</style>
</head>
<body>
<divclass="file-box">
<formmethod="post"id="demo_form">
<ahref="javascript:;"class="btn"id="J_Go"><span>結 算</span></a>
</form>
</div>
</body>
<scripttype="text/javascript">
$(document).ready(function(){
$('#J_Go').click(function(){
//修改結算按鈕的背景顏色
$('#J_Go').css('background','#ccc');
//添加遮罩效果
varhtml='<spanclass="mask">';
html+='<imgsrc="loading.gif">請稍候...</san>';
$('#demo_form').append(html);
//提交表單
varurl='test.php';
$.post(url,{},function(r){
if(r.status==1){
//提交表單後返回成功，則去除遮罩
$('.mask').remove();
//修改結算按鈕顏色
$('#J_Go').css('background','#f22d00');
}else{
alert(r.info);
}
},'json');
});
returnfalse;
});
</script>
</html>
這個是PHP頁面
<?php
$info['status']=1;
$info['info']='操作成功！';
exit(json_encode($info));
?>
這是效果圖示
本想上傳個附件的，一個完整的實例Demo的，但是現在才三級，不支持上傳附件。
若有任何疑問，歡迎追問！
㈨ 誰可以做移動端電商網的購物車結算功能畢設的東西 或者做過做過類似網站的可以讓我用來做畢設的 要價
有的啊，移動端和pc的都有，可以拿來做參考，不過具體看你要啥語言的，謝謝
㈩ 如何使用jquerymobile 中的庫 來實現購物車自動計算
js部分的源代碼如下：
$(function() {
var adds=$('.add');
var mins =$('.min');
var selects = $('.goodsList input[type=checkbox]');
// $('.fourthTab').children('.num').eq(1).val(40);
// $('.fourthTab').siblings('.price').eq(1).text(1600);
// $('#total').text(
// parseFloat($('.fourthTab').children('.num').eq(1).val())
// *
// parseFloat( $('.fourthTab').siblings('.price').eq(1).text())
// )
adds.on('click',function(){
var num= $(this).siblings('.num');
console.log("fasdfasd");
num.val(parseInt(num.val())+1);
})
mins.on('click',function(){
var num =$(this).siblings('.num');
if(num.val()>1) {
num.val(parseInt(num.val()) - 1);
}
})