编程练习，用JS实现购物车特效教程-慕课网

第3章编程挑战
编程：3-1 编程挑战

编程练习

小伙伴们，根据所学知识，实现网页合同查看功能，当勾选了“同意条款”，则允许用户进行下一步操作。

效果图:

任务

一、监听勾选框的onchange事件，并根据自身的checked值，显示隐藏“下一步按钮”。

提示:
  1.当自身的checked为true时，按钮显示，反之隐藏。

注意：初始状态按钮是隐藏的，勾选框为非选中状态

?不会了怎么办: 可参考下面代码或者在右下角"课件下载"区下载参考代码。

index.html

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

这一节的3个问题？

最新回答 / xsw2012

display = 'inline-block'是将对象呈现为既有内联元素又有块元素的属性，要掌握具体多看css，onchange也算一种属性和value这些差不多

1 回答 674 浏览

2016-08-23

done

+ 我来回答回答最高可+2积分

3 回答 1012 浏览

2022-09-10

onchange

+ 我来回答回答最高可+2积分

2 回答 872 浏览

2022-07-24

demo

+ 我来回答回答最高可+2积分

3 回答 899 浏览

2022-07-23

wa,dnaw,fnwkf

+ 我来回答回答最高可+2积分

0 回答 801 浏览

2014-08-06

if(checked){
    btn.style.display = "block";
}else{
    btn.style.display = "none";
}

最新回答 / 我很丑可是我很温柔

btn.style.display = checked?'block':'none';

1 回答 973 浏览

2019-04-24

试试看。。。嘿嘿

+ 我来回答回答最高可+2积分

6 回答 888 浏览

2022-07-23

全部我要发布

最热最新

只看我的

2-6 编程练习（参考代码）立即下载
2-8 编程练习（参考代码）立即下载
2-11 编程练习（参考代码）立即下载
2-13 编程练习（参考代码）立即下载
购物车（源代码）立即下载

2-3 编程练习

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

这一节的3个问题？

done

onchange

demo

wa,dnaw,fnwkf

if(checked){ btn.style.display = "block"; }else{ btn.style.display = "none"; }

试试看。。。嘿嘿

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

2-3 编程练习

热搜

最近搜索清空

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

这一节的3个问题？

done

onchange

demo

wa,dnaw,fnwkf

if(checked){ btn.style.display = "block"; }else{ btn.style.display = "none"; }

试试看 。。。嘿嘿

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

试试看。。。嘿嘿

账号登录验证码登录