为了账号安全,请及时绑定邮箱和手机立即绑定

用JS实现购物车特效

难度初级
时长 1小时39分
学习人数
综合评分9.80
83人评价 查看评价
10.0 内容实用
9.7 简洁易懂
9.7 逻辑清晰
实在用不惯while,我用for循环写的
var tmp=0;
for(i;i<len;i++){
if(inputs[i].checked){
tmp=tmp+1;
}
ret.innerText='total:'+tmp;
if(tmp>0){
ret.style.display='block';
}else{
ret.style.display='none';
}
}
同学们注意计数得变量声明到计算函数里面,不然计算会出错.
对于一个js初学者这个购物车表示有点难度
@炒了个基

----------------------
谢谢你的答案帮忙解决了问题!
如何所有商品选择后,全选框也选上?很多回答都不对!
@ o月生o : if (checkInputs[i].checked) { for (var k = 0; k < checkAllInputs.length; k++) { checkAllInputs[k].checked = true; }; }; ---------------------------------------------------------------- 请问这里为什么是使用 k < checkAllInputs.length 为判断条件? 实在不明白,请大家指教,谢谢!

最新回答 / 石匠之心
他这段代码是运行不了的。这段代码要实现的是当一个个单独的选择框被全部选中时,全选框也要处于被选中状态。这是老师的案例里没有讲的。

已采纳回答 / P妞酱酱
主要看input和checkInput是如何定义的,他们都是一个变量,代表的都是复选框这个元素。
我觉得添加getElementsByClassName方法的时候if判断条件可以用正则 比较简单,代码量少
if ( / cls /.test( els[i].className)
border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。
记得把注释改一下,不然程序运行错误
/*表格样式table */
table{
border-collapse: collapse;
}
/*td样式 */
td{
border: 1px solid #000;

}
展示所选商品的div应该做成左右可以滑块展示。
谢谢教师!这个教程很好!也感谢慕课网,继续支持!!!
课程须知
您需要掌握HTML语法,CSS布局基础,基本的JavaScript语法知识。
老师告诉你能学到什么?
1. 实现兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通过parseInt(),parseFloat()把字符串转换成数字 4. 通过toFixed()把数字格式化成指定位数的小数 5. 事件代理的运用

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消