『壹』 用js实现购物车(用js cookie传递数据)
不需要加id的 ,你可以直接提交数据保存到数据库,然后从数据库里检索显示在购物车页面
『贰』 javascript 模仿淘宝购物车
你是要开通淘宝
还是说购物车
开通淘宝网店的话可以直接联系
但是你说的版购物车,是淘宝自权定的一个系统,你购买东西,会有一个直接购买和放进购物车,比如有人到我小店里买鞋子,如果是单独购买一双,就会直接点击购买买多双,会点击放到购物车,然后挑选别的接着放到购物车,等改价的时候方便。像是你去超市一样
『叁』 用JavaScript代码模拟购物车。
购物车挺复杂的,不是一句两句能说清的,现在前端都用react,vue这类响应式框架做购物车,事半功倍。
『肆』 在HTML里用javascript做一个简单购物车部分
给楼主做了一个,JS实现商品计数的加和减,最少不能少于1,最多不大于99,代码里面有注释,方面楼主查看和使用。
『伍』 关于javaScript问题 购物车的实现
关于只有最后一个文本框能触发checknum方法的问题:
其实这里有个逻辑错误,主要是<%=i%>中的i是多少的问题。从你贴出来的代码看,你是不是连JS代码也循环输出了吧,也就是有几条购物信息,就会生成几个checknum方法,在JS里,同函数名的方法如果多次定义,则只有最后一个定义的方法有效果,那最后一个checknum方法里的<%=i%>实际就只指代最后一个文本框了。结果就是只有最后一个文本框有效果。
其实楼主只需要循环输出表格,JS代码只用一个就行了,只要在文本框触发JS动作时,把<%i%>作为参数传进JS方法就行了,例如,你可以这么写:
...
<td width="58" height="30"><input name="num<%=i%>" size="5" type="text" value="<%=goodsitem.number%>" onBlur="checknum(this.form,<%=i%>)"></td>
...
把JS方法放到循环外面,这么写:
function checknum(myform,i){
var inp = myform['num'+i];
if(isNaN(inp.value) || inp.value.indexOf('.')!=-1){
alert("请不要输入非法字符!");inp.focus();return;}//判断是否为数字值
if(inp.value><%=leave%>){alert("请输入小于现有库存 ("+<%=leave%>+") 的数量!");inp.focus();return;}
if(inp.value==0){
alert("请输入大于1的整数!");inp.focus();return;}
if(inp.value==""){
alert("请输入修改的数量!");inp.focus();return;}
myform.submit();
}
关于数字修改后触发checknum方法的问题:
楼主的checknum方法最后是要提交表单的,所以如果用键盘事件,那每一次输入一个字符或删除一个字符,都会触发表单提交动作,这应该不是楼主要的结果。字符修改后触发JS方法有专门的事件处理方法onchange。楼主可以吧onblur换成onchange试试。
『陆』 求用javascript编写的简易购物车小程序如图所示:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script>
/*
*@author Caoshun
*@计算 合计费用
*/
function countMethod(){
var num=document.getElementById("num").value;
var unitPrice=document.getElementById("unitPrice").value;
var freight=document.getElementById("freight").value;
document.getElementById("result").value=parseFloat((num*unitPrice))+parseFloat(freight);
}
</script>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="1" background="#red" style="text-align: center;">
<tr><td colspan="5" align="center">简易购物车</td></tr>
<tr>
<td>商品名称</td>
<td>数量(件)</td>
<td>单价(美元)</td>
<td>运费(美元)</td>
<td><input type="button" value="合计" onclick="countMethod();"></td>
</tr>
<tr>
<td>跑跑道具</td>
<td><input type="text" size="6" id="num"></td>
<td><input type="text" size="6" id="unitPrice"></td>
<td><input type="text" size="6" id="freight"></td>
<td><input type="text" size="6" id="result"></td>
</tr>
</table>
</body>
</html>
『柒』 javascript购物车计算价格
获取来小计自下面相对应得value值,再相加!
<div id="one">1.5</div>
<div id="two">2.5</div>
<div id="three"></div>
<script>
var one=document.getElementById("#one").value;
var two=document.getElementById("#two").value;
var three=document.getElementById("#three").value;
three=one+two;
</script>
『捌』 javaScript 如何实现购物车状态图
就是图片 ,然后根据不同的状态换,也可以把这个图片做成透明的,下面弄个背景为绿色的色块,让透明的图片透过去,色块的宽度通过提前设置好的根据不同的状态进行变化
『玖』 JS代码 做一个简易的购物车 效果图如下
楼主是想要点击合计就是出数值还是什么?如果说点击合计就算出值的话如下
<tablewidth="400"border="1">
<tr>
<throws="5">简易购物车</th>
</tr>
<tr>
<td>商品名称</td>
<td>数量(件)</td>
<td>单价(美元)</td>
<td>运费(美元)</td>
<td><buttononclick="fun()">合计</button></td>
</tr>
<tr>
<td><inputtype="text"name="goodsName"/></td>
<td><inputtype="text"name="num"id="num"/></td>
<td><inputtype="text"name="price"id="price"/></td>
<td><inputtype="text"name="freight"id="freight"/></td>
<td><inputtype="text"name="total"id="total"/></td>
</tr>
</table>
<script>
functionfun(){
varnum=document.getElementById("num").value;
varprice=document.getElementById("price").value;
varfreight=parseInt(document.getElementById("freight").value);
vartotal=(price*num)+freight;
document.getElementById("total").value=total;
}
</script>
『拾』 前端用js如何实现购物车功能,如图那样的效果
这是需要多个方法才能完成的
1,需要动态添加商品那一条显示的function
2,个数那个需要一个增加减少的function
3, 需要个统计总数量的
4,需要一个检测checkbox的
你做到什么程度了