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

用JS实现购物车特效

难度初级
时长 1小时39分
学习人数
综合评分9.80
83人评价 查看评价
10.0 内容实用
9.7 简洁易懂
9.7 逻辑清晰
因js水平太差,前天把工作辞了,到元宵节的这段时间要好好提升一下js技能。老师的课程对我的帮助实在是太大了。非常感谢
声音真像古巨基!
实在用不惯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 为判断条件? 实在不明白,请大家指教,谢谢!
我觉得添加getElementsByClassName方法的时候if判断条件可以用正则 比较简单,代码量少
if ( / cls /.test( els[i].className)
border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。
记得把注释改一下,不然程序运行错误
/*表格样式table */
table{
border-collapse: collapse;
}
/*td样式 */
td{
border: 1px solid #000;

}
展示所选商品的div应该做成左右可以滑块展示。
谢谢教师!这个教程很好!也感谢慕课网,继续支持!!!
看了两边,不过自己写逻辑有点乱。
如果全部的多选都被选中,全选也选中,再在执行一个判断就行。
function counting() {
var count = 0;
for(var i=0; i<checkbox.length; i++) {
if (checkbox[i].className === 'checkbox') {
if(checkbox[i].checked) {
count++;
}
}
}
return count == 4 ? true:false;
}
然后判断counting,正确的就把全选都勾上,就OK了。
课程须知
您需要掌握HTML语法,CSS布局基础,基本的JavaScript语法知识。
老师告诉你能学到什么?
1. 实现兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通过parseInt(),parseFloat()把字符串转换成数字 4. 通过toFixed()把数字格式化成指定位数的小数 5. 事件代理的运用

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消