无刷新修改购物车产品数量得总金额的js代码
<tablewidth="500"border="0"cellpadding="5"cellspacing="0"><tr><td>数量</td><td>单价</td><...
<table width="500" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td><input type="text" id="num" value="0" size="5"/></td>
<td>1.00</td>
</tr>
<tr>
<td><input name="text2" type="text" id="text2" value="0" size="5"/></td>
<td>6.00</td>
</tr>
<tr>
<td> </td>
<td>总金额：xx元</td>
</tr>
</table>
<p>数量那里最好能键盘输入，不然买100件就有的点了。麻烦再给看看哈</p> 展开
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td><input type="text" id="num" value="0" size="5"/></td>
<td>1.00</td>
</tr>
<tr>
<td><input name="text2" type="text" id="text2" value="0" size="5"/></td>
<td>6.00</td>
</tr>
<tr>
<td> </td>
<td>总金额：xx元</td>
</tr>
</table>
<p>数量那里最好能键盘输入，不然买100件就有的点了。麻烦再给看看哈</p> 展开
展开全部
用你给的代码基础上用了一个最简单的js计算，数量是键盘输入，也可以在左右两侧加上自增减的操作，望采纳！
<table width="500" border="0" cellpadding="5" cellspacing="0">
<tr><td>数量</td><td>单价</td></tr>
<tr>
<td><input type="text" id="num" value="1" size="5" onchange="setTotal();"/></td>
<td><span id="fare">6.00</span>元</td>
</tr>
<tr>
<td> </td>
<td>总金额：￥:<span id="total_Price">6</span>.00</td>
</tr>
</table>
<p>数量那里最好能键盘输入，不然买100件就有的点了。麻烦再给看看哈</p>
<script type="text/JavaScript">
function setTotal(){
var fare=document.getElementById("fare").innerHTML;
//alert(fare);
var num=document.getElementById("num").value;
if(/\D/.test(num)){//检查用户输入的值是否是数字
alert("请您输入正确的数量！");
document.getElementById("total_Price").innerHTML="0"
}else{
document.getElementById("total_Price").innerHTML=parseFloat(fare*num);
}
}
</script>
<table width="500" border="0" cellpadding="5" cellspacing="0">
<tr><td>数量</td><td>单价</td></tr>
<tr>
<td><input type="text" id="num" value="1" size="5" onchange="setTotal();"/></td>
<td><span id="fare">6.00</span>元</td>
</tr>
<tr>
<td> </td>
<td>总金额：￥:<span id="total_Price">6</span>.00</td>
</tr>
</table>
<p>数量那里最好能键盘输入，不然买100件就有的点了。麻烦再给看看哈</p>
<script type="text/JavaScript">
function setTotal(){
var fare=document.getElementById("fare").innerHTML;
//alert(fare);
var num=document.getElementById("num").value;
if(/\D/.test(num)){//检查用户输入的值是否是数字
alert("请您输入正确的数量！");
document.getElementById("total_Price").innerHTML="0"
}else{
document.getElementById("total_Price").innerHTML=parseFloat(fare*num);
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
额·这个很简单吧~本来就不用刷新啊~直接用JS计算就行了啊~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript">var num;var money=10; //这里是价格，可以给定单个的价格function jia(){ num=document.getElementById("num").value; num=parseInt(num); num+=1; document.getElementById("num").value=num; sum_money=num*money; document.getElementById("money").value=sum_money;}function jian(){ num=document.getElementById("num").value; num=parseInt(num); num-=1; if(num<0){ num=0; } document.getElementById("num").value=num; sum_money=num*money; document.getElementById("money").value=sum_money;}</script></head><body>数量：<a href="javascript:void(0);" onclick="jian();">-</a><input type="text" value="0" id="num"/><a href="javascript:void(0);" onclick="jia();">+</a><br />金额：<input type="text" id="money" /></body></html>
请采纳。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript">var num;var money=10; //这里是价格，可以给定单个的价格function jia(){ num=document.getElementById("num").value; num=parseInt(num); num+=1; document.getElementById("num").value=num; sum_money=num*money; document.getElementById("money").value=sum_money;}function jian(){ num=document.getElementById("num").value; num=parseInt(num); num-=1; if(num<0){ num=0; } document.getElementById("num").value=num; sum_money=num*money; document.getElementById("money").value=sum_money;}</script></head><body>数量：<a href="javascript:void(0);" onclick="jian();">-</a><input type="text" value="0" id="num"/><a href="javascript:void(0);" onclick="jia();">+</a><br />金额：<input type="text" id="money" /></body></html>
请采纳。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
