章节
问答
课签
笔记
评论
占位
占位

编程练习

小伙伴们,根据所学知识,使用JS完成一个列表项的选择功能,包括全选,单选,并计算已选的数目。

效果图:

温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能。

任务

一、静态布局制作,实现广告部分和正文部分。

提示:
使用li标签存放选项。

二、用JS实现选择功能。

1. 计算已选项函数:

提示:
  1)说明一个变量ret,初始值为零
  2)变量所有列表项,如果此项已选,ret自加1
  3)把ret的最终值写入显示结果的元素的html里

2. 添加全选框的onchange事件:

提示:
  1)遍历所有列表项,把每一项的checked值改为全选框的checked值
  2)调用计算已选项函数

3. 添加每个列表项的事件

提示:
  遍历所有列表项,为每一项添加onchange事件,调用计算已选项函数

注意:只要有一项未选择,则要把全选框的checked变更false

?不会了怎么办

参考代码可在右下角"课件下载"区下载。

||

提问题

写笔记

公开笔记
提交
||

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最热 最新
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?