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

编程练习

小伙伴们，根据所学知识，实现表格行的批量删除功能，点击删除按钮，删除所有勾选的行。

效果图:

 

温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习视频内容。

任务

一、监听删除按钮点击事件，删除已选行。

提示:
  1. 遍历所有行
  2. 取得行的勾选框，判断是否勾选
  3. 如果勾选，使用removeChild方法删除
  4. 回置下标i
?不会了怎么办

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

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

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

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

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

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

举报

0/150
提交
取消
全部 精华 我要发布

以，为什么呀

最新回答 / 小羊杨
提问记得贴代码，代码都没有怎么回答。改了ID大概是因为数据类型吧，看看是不是进行了类型转换或者需要进行类型转换。
1 回答 1333 浏览
2017-05-24

为什么每操作删除一行，控制台提示getElementsByTayName of undifined

最新回答 / 听雨的忧伤
getElementsByTayName改成getElementsByTagName
2 回答 989 浏览
2018-09-17

为何要写i--,没必要啊？

最新回答 / 蠢鱼
有必要 ,因为你删除一个tr了  数组就是三个了 你不删除 就会数组越界
1 回答 799 浏览
2016-08-25

购物车特效最后一个练习

+ 我来回答 回答最高可+2积分
2 回答 819 浏览
2022-07-19

tr[i].getElementsByTagName('input')[0]的【0】什么意思

最新回答 / xsw2012
从html文档中可以看到，我们需要的input位于tr下面的第一个，而tr[i].getElementsByTagName('input')[0]表示的是当前tr下第一个input标签对象
2 回答 1252 浏览
2016-08-23

从里到外的选取

最新回答 / Caballarii
你可以动手把这个效果做起来呗，也能学到东西
1 回答 645 浏览
2016-08-23

tr[i].parentNode.removeChild(tr[i])中的tr[i].parentNode换成table不行么

已采纳回答 / pardon110
不一定指table,但可以肯定tr[i].parentNode.removeChild(tr[i])是删除tr[i]如下，带有 thead、tbody 以及 tfoot 元素的 HTML 表格：<...code...>
5 回答 2304 浏览
2022-05-28

购物车代码在一些浏览器打开都没有样式的，兼容处理不太好吧

最新回答 / D__C
尽量用主流的浏览器吧，Chrome最佳选择
1 回答 1161 浏览
2016-08-23

删除过后注意变量自减

+ 我来回答 回答最高可+2积分
2 回答 909 浏览
2022-09-02

有个小Bug， 在删除完后应该重新执行下getTotal函数 ，要不然删除的时候footer那里商品总数和价格总计是不会改变的。

+ 我来回答 回答最高可+2积分
3 回答 988 浏览
2022-06-03

这个课件真心好 练习题都突出了所学的重点 老师很认真哦

+ 我来回答 回答最高可+2积分
1 回答 834 浏览
2022-05-18

mark

+ 我来回答 回答最高可+2积分
8 回答 985 浏览
2022-09-06
全部 我要发布
最热 最新
只看我的

推荐课程

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

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言