学习进度

Posted 2021-03-11 lijiawei1-2-3

今天通过观看老师分享的教学视频，学习了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即可。