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

用JS实现购物车特效

难度初级
时长 1小时39分
学习人数
综合评分9.80
83人评价 查看评价
10.0 内容实用
9.7 简洁易懂
9.7 逻辑清晰

已采纳回答 / 老徐不二
因为火狐不支持srcElement,改成var el = e.target || e.srcElement
如果跟着写一遍,JS DOM操作会有很大提升
四个产品都选上后,全选也选上的判断:
if(checkInputs[1].checked==true
&& checkInputs[2].checked==true
&& checkInputs[3].checked==true
&& checkInputs[4].checked==true){
for (var l = 0; l < checkAllInputs.length; l++) {
checkAllInputs[l].checked = true;
}
}
老师讲的条理清晰,易懂,非常感谢
整个视频确实很赞,学了很多知识!
老师讲得真的很详细,赞!
if(checked == true){
btn.style.display="block";
}else{
btn.style.display="none";
}
多谢楼下的分享,不过试了下楼下的方法,实在行不通。其实直接在后面加上这条判断语句就好
if (checkInputs[i].checked) {
for (var k = 0; k < checkAllInputs.length; k++) {
checkAllInputs[k].checked = true;
};
};
老师里面取的减号那个span是第一个span ,应该是var reduce = tr.getElementsByTagName('span')[0]; 而不是视频里面的...('span')[1];
针对楼上的问题解决方法很简单,只要在删除全选点击事件(deleteAll.onclick)里最后加上取消选全选复选框和计算函数(getTotal())就行了。
for (var k = 0; k < checkAllInputs.length; k++) {
checkAllInputs[k].checked = false;
};
getTotal();
刚学习的时候,写这玩意写哭了。码了一晚上,界面还没有码完。。
楼上说得好对
//我来补一下楼下提到的优化
if(this.className==='check-one check'){
var count=0;
for(var l=0;l<check_one.length;l++){
if(check_one[l].checked){
count++;
}
}
if(count==check_one.length){
for(var m=0;m<checkAllInputs.length;m++){
checkAllInputs[m].checked=true;
}
}
}
课程须知
您需要掌握HTML语法,CSS布局基础,基本的JavaScript语法知识。
老师告诉你能学到什么?
1. 实现兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通过parseInt(),parseFloat()把字符串转换成数字 4. 通过toFixed()把数字格式化成指定位数的小数 5. 事件代理的运用

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消