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

用JS实现购物车特效

难度初级
时长 1小时39分
学习人数
综合评分9.80
83人评价 查看评价
10.0 内容实用
9.7 简洁易懂
9.7 逻辑清晰
老师讲的很棒,就是声音太小,我必须戴上耳机。最最最最要命的是。声音还忽大忽小的。突然地大声把我的耳朵都快要震破了
听老师的声音好小,必须要戴上耳机
每个都选中时,全选框处于勾选状态
for (var i = 0, len = inputs.length; i < len; i++) {
var n = 0;
inputs[i].onchange = function () {
showAll();
if (!this.checked) {
all.checked = false;
}else{
n++;
}
if(n==6){
all.checked = true;
}
};
}
show里面写好的CSS不讲讲吗
老师讲的很好,涉及的东西很多,很值得学习。一些同学各种抱怨,我看不下去了,各种质疑老师用到的方法技术、管他什么某宝啊什么的用的div,老师用的table,但是老师用table的同时,讲到的的.row 和 cells不是你值得学习的地方吗。老师讲到的兼容getElementsByClassName又是一个知识点。其中好多的知识点是我们值得学习的,我认为老师是在授之以渔
@止水_Lily 在删除方法里调用一下你写的计算数量方法就可以了
del.onclick=function(){
for(var i=0;i<tr.length;i++){
var input=tr[i].getElementsByTagName('input')[0];
if(input.checked){
tr[i].parentNode.removeChild(tr[i]);
i--;
}
}
};
<table cellpadding="0" cellspacing="0">
全选事件
all.onchange=function(){
for( var i=0;i<inputs.length;i++){
if(all.checked){
inputs[i].checked = true;
}else{
inputs[i].checked = false;
}
}
selected();
}
请同学们注意,源代码有一些问题。购物车.html中的脚本没有运行,demo.html中选中时该行背景颜色没有改变,取消选择功能也没有实现。
骚的一批~
删除事件做的有点问题,如果勾选了两件商品,然后删除,那个商品数量的2在删除后并没有变化…
if(inp.checked==true){
btn.style.display='block';
}
else{
btn.style.display='none';
}
回复 小华123:if(this.className=='check-all check') 这里两个== 就可以了
哇,老师讲的可好了,思路清晰,简洁,期待更多得视频
课程须知
您需要掌握HTML语法,CSS布局基础,基本的JavaScript语法知识。
老师告诉你能学到什么?
1. 实现兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通过parseInt(),parseFloat()把字符串转换成数字 4. 通过toFixed()把数字格式化成指定位数的小数 5. 事件代理的运用

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消