02-javascript/25-尚硅谷-JavaScript-getElementsByName方法

下一个方法呢，是get element by name，咱们回到咱们这个文档中来，诶文档中打开那个文档，我这里其实有放啊W上，诶它那么浏览器的滚动。咱们刚刚看的是document，咱们是不是刚刚讲了一个get by方法呀？那再来看下一个。Get elements by name大家注意看一下啊，BYD是根据ID属性来查，By name根据name属性来查，而且再看有个地方不同，上面是element，这里是element复数，看见了吗？就是什么呢？根据name属性来查，返回的是多个。反馈是多个好，我给你举个例子哈，在这里咱们在创建一个页面。Element by name，好，我写上兴趣爱好啊。Input Type Check box。

然后name等于ho y6等于CP，又是C加加。复制一下，然后呢，还有这个Java兴趣爱好，还有呢，GS。Va。好，然后下面有这个按钮选选。全部选见过吧，反选好，我们给大家看看这个页面吧，就这种需求网上是不是很常见。我点击它啊，上面都勾上是吧，我点击他全部选都取消，就这么回事嘛啊，那反选呢，就是我点上以后，你选中了就不选中了，其他没有数选上了就这效果，那我们看看这项的一个需求怎么样去做啊，我们先来给这三个按钮先绑的时间，因为他们是在点击的时候工作的啊。

来uncle click，呃，咱们就说哦吧这样一个方法吧，啊来我写上啊好，然后function啊就对上了哈，然后我把其他方法也写上吧。但。还有什么呢？No是不都不选呢？还有check reverse。啊，这是反选啊，咱们说一下全选全部选是吧，我听到同学牛逼太牛逼了，选好，那现在呢，我们把这个事件都都绑定了啊啊click啊这个是有了那么反选。

On click chapter before，这有了吧，好，那现在咱们现在看看全选，全选我里面我咱们干啥呀？你觉得要干啥？是不是让所有复选框都选错，没错吧？那么我们说过了，注意看啊，当我给这个按钮，我要操作全部的复选框，那怎么办？你是不是先得查到这全部的复选框，我们说要操作谁就先在得到谁，没错吧，那怎么得到？注意看document.get elements by name，好，那么BYD是根据IDO属性来by name是根据name属性来，看见了吗？他们的这个name都是hoby，是一样的，那你把它放上来，它会给你返回个什么呢？咱们叫做hobby，是是吧？

好，那看看这个结果是什么？Hoies，大家注意，我们说根据量函数返回多个呀，那返回的对象到底是个什么呢？对，是个集合呀，是一个集合，好，那么我们说明一下哈。Get了这个方法。是根据指定的name啊，属性查询。返回什么呢？多个标签对象集合，那么这个集合的操作跟数组一样，既然它跟数组一样的话，它就会有一个点let的属性，看见了吗？Let就知道我这个集合里面有几个元素啊，这里面查是不是三个呀，所以它就会告诉你是三，看见了吧，如果说我再多加几个呢？

比如说我再加一次是不是六个了，那么这个时候一查就是六，OK啊就这样我恢复一下，好，那最后再来看，我们已经知道了这个方法，查询返回的是一个集合，并且这个集合的操作跟数组一样，那问题是这个集合里面到底是啥？其实我已经告诉你答案了，知道吗？是不是对象的集合，标签对象集合，那你看看吧，是吧，看看是不是啊，我取出来一个瞅一瞅啊，看见了吗？就是那些标签对象啊。就是那些标签对象嘛，Into的嘛，Into就是谁不就他嘛，对吧，三个都是啊，三个都是来你可再看一个。

是不是还是一样好，那么我们说来根据它返回多个标签对象的集合啊，那其实就是什么东西呢，集合中。每个元素都是动，对象集合中每个元素都是动对，那么我们就问了，那么这个集合里面的元素。有没有什么顺序呢？我取的第一个，它到底是随机的还是固定，怎么知道这个情况呢？比如说我先拿第一个来看，大家记住啊，这是不是一个动力项，也就表示这个标签是吧，那我怎么知道它是谁呢？点ONE6，因为这个Y6值是不是不同，我只要看到到底是双老师行了嘛，是吧。CBD谁呀？是不是第一个呀？这是随机的吗？还是就是刚好赶巧呢，再来一次还要打靶？

还是打对吧，看来就是第一个永远是打，那我们第二个呢。到家。是不是加了，看来它是有序的，能看出来了吗？它不是巧合啊，它不是一次这样子，而是我们试了多次以后，GS是不是有序的呀，好，那我们说明一下啊，那么这个集合。中的元素顺序是它们在H页面中从上到下的顺序，这能理解吧，这里的从上下的顺序就是他们元素在集合中的顺序，好，但是现在这个集合我们也了解差不多了，这个返回值了解差不多了。咱们不要忘了咱们想干啥，咱们点击这个按钮是不是为了他们都选中啊。那么选中是哪个属性决定点还记得不等于check吧，那么我们说do对象是什么，Do对象是不是有义务记录下它所有的属性信息对吧？那这里我们就想着，那这里就应该有一个track的属性，是不是应该记录下我这个选中的信息啊？

点check是这个效果吧，来吧，有没有呢？诶这是醋啊，醋是啥情况？来我整一个换一个，第一个是to，第二个是没有选中的，没有选中的是false，看出效果了吗？大家注意看啊，记住啊，Check表示复选框的选中状态。如果选中是处，不选中是false，哎呀这么多是吧，是false，而且注意看注意看啊，这个属性可读可写，知道啥意思吗？设对，我们除了可以知道取它的值以外，还可以给它赋值。

大家看一下哈，现在第二个是一对吧，它是不是没选中啊，谁是false，我给它辅位数，它会不会发生改变呢？改了吧，那如果是全选，你觉得怎么样，我是不是便利一下就完事了对吧？好。来，Yi等于零，I小于ho比的长度嘛，I加T呀，来。把把这个东西拿进来就拿啥问题啊哦哦对对对对，这小于号没写上是吧。

好，这个是不是换成哎呀啊，行了就完事了嘛，这就是全选看见吧，那全选复制全部选，你是不是改成复制就完事了，那你复制呗，复制改一改嘛啊。把这个复制一下，全不全啊，全不选改成完事了啊，这个注释咱们可以去掉了，知道大概意思了啊。哎。刷新一下啊，全选全不选，全选全全好玩是吧，这一天是吧，好接着呢，我们看看反选，反选是什么效果，大家想想反选是不是我也要得到这三个复选框，然后我去变利，看看你原来是不是选中对吧？如果你原来是选中是错，我是不是赶紧改成复杂啊，哎，反之亦然就完了，那也就说不管怎么样你都得先查对吧，我先查到，然后我去变历I小于这个ho比的长度I加加，诶又差点没敲上，然后在这里面去判断一下对吧？诶，If判诶。

这个hobbies，我们取出每一个点tra，如果它等于真，我们把它的值就改成为假，对吧？嗯，否则他就是真，就那么回事啊，对吧？对，别着急啊，来咱们刷新一下，现在我反选，他们说改了反选反选都没问题吧，好，刚有同学说了能不能取反了，其实可以的，大家注意看啊。当这个值是真的时候，咱们给的是不是？这个false是不是刚好是它的值的反值，那如果这个值是false的，咱们是不是取to，那其实你不用判断一行代码搞定啊，对，等于它的相反值能理解吧，这就这可以了啊，可以的啊，别着急等我讲完啊，来咱们刷新一下，这时候可以啊，哎，可以啊，这个是全选，选不选。