码迷,mamicode.com
首页 > 其他好文 > 详细

学习进度

时间:2020-02-07 12:42:26      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:box   操作   document   功能   表格   als   rip   click   for循环   

今天通过观看老师分享的教学视频,学习了Java script的全选与全不选的操作。首先是绘制一个表格,表格每行的第一列都是一个复选框。表格依然是分成thead和tbody两部分,thead里面存放表头,tbody里面存放数据。给thead里面的复选框定义一个id=box,并给该复选框onclick一个函数。给tbody里面的所有的复选框定义一个相同的id=boxes。然后写一个script标签,在里面编写该函数。首先用document.getElementById(box)来获取box的位置,然后用if语句来判断他的checked是否为true。如果为true,则通过document.getElementById(boxes)来获取所有的boxes并存放在一个数组中。然后用for循环来遍历这个数组,使每个的checked的值都为true,便可以实现全选每个复选框。要想实现全不选的功能与实现全选功能的代码相似,只需把所有的true改写成false即可。

学习进度

标签:box   操作   document   功能   表格   als   rip   click   for循环   

原文地址:https://www.cnblogs.com/lijiawei1-2-3/p/12272513.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!