04-jQuery/03-尚硅谷-jQuery-练习：全选、全不选、反选

接下来呢，我们看一下一个练习全选全部选翻选啊，我们找到我们这个DEMO里面呢，把这练习好就下面哈，练习里面，嗯，这个全选全部选给它运行起来，大家注意看这里有两个看见吗。一个是带下划线的，一个是不带下划线，不带下划线的呢，是原来写好的啊，留着上课用来演示的，或者给你们参考，用来看家看看啊，选选选不选反选对吧？好，没问题，提交是干嘛？是把你选中的那些球类的信息啊，给人家弹出来，勒出来足球篮球。乒乓球对吧？好，然后呢，除此之外完整的全选全部选功能，还有上面一个看见吗？你点它就选上了，你再点它就全部都取消了，看见吗？还有就是什么呢？你自己一个一个的去选，当你一旦选满了以后，上面也会跟着选中，OK了吗？这就是非常完整的全选全选功能，那接下来我们看看这东西怎么去操作啊。

那么带有下划线的这个是空的啊，是留给我们自己去实现的，好大家我运行一下，大家想先做哪个功能，你们说我来写全选是吧，好那就全选，那这个时候你是不是要先给这个全选反上单位事件呢？啊先给他绑上单机事件，就这样。那我们就看看吧，这个按钮是不是有ID啊，有ID优先用ID啊。走，别着急啊，咱们说。给全选绑定单击时间好，那么这里面要干啥？咱们是不是要获取全部的复选框，给它选中那全部的复选框简单啊，对how check box冒how check box好，然后哪个方法呀，对pro还记得吗？为为什么是pro，因为他现在操作的手机是不是check呀，哎，好two好啦，刷新点击就全选了。

啊接着呢，全部选是吧，好行，那就复制一份复制一份，然后咱们这不把ID值是不是改开啊，别着急啊，全部选好这个值是不是改成副词啊OK，然后我们刷新一下走选选全部选好，然后呢，早就横着坐过去了啊反选，然后我们给这个反选呢，也把上当你时间我复制一下这个ID啊啊反选的。

他连click function。诶，反选OK啊，单机世界，但这里面反选需要怎么样，大家想一想，我举个例子哈，比如现在他就选中了一个足球，这个时候我点击反选，他肯定要取消是吧，其他的都选中。上面那个选中呢，他是不是不选呢，也就是说咱们点击反选的时候，其实只是操作下面四个对吧。好，那么我们就去找找怎么样，查询的时候只有他们四个，而没不包含它这个全限全部相等，对，看见了吗？这是有个电阻性能过滤表啊好，来这个地方。

别着急，好冒出box复选方法全部的，然后咱们是不是用内用来进行过滤啊，那看的只是什么，是不是I啊好了。点。啊，这时候要干嘛，一步步来吧，我知道要干嘛，你们还没反应过来，就是查询全部的求类的复选框，对吧？啊好了，那么这个时候咱们是不是得变例去判断它原来的状态呀？哎，如果它是负是为for为是吧，怎么标啊，还记得咱们昨天讲的吗？Each。好在里面写上一个方式的方法。那么大家注意在抑制便利的。

反数函数中有一个diss对象，还记得吗？这个diss对象是当前正在遍历到的动力下，是当前正在变力道的动力下。好，那既然我都有这个动向了。我先的给你看看，给你确认一下吧，好，我勾上几个哈，走。一个两个三个四个，是不是下面四个球类啊，那现在我是不是要判断它的血中断才去分点就可以了啊，然后呢，怎么办呢，第四天分。等于它原来的那个值还记得吗？哪就好了，来再勾几个哈，反选是吧。

发现发现，诶发现反选，看见问题没有。上面上面这个时候反选上面是不是也应该选中，但是我们一开始的时候说过，我们是不是只操作下面四个球类，但是当你操纵完四个球类以后啊，你要看看它是不是盲选，如果他刚好赶上这个盲选的情况，咱们是不是要让上面也选中，所以呢，注意看啊，在你病历完了以后，要检查是否满选，这能听懂啥意思吧？就是比如说看看你一共有几个球类，你到底选中了几个，如果你都选中了，上面就应该让你选中，只要你不是满选，就应该取相同立选通，那满选其实就怎么去想，怎么去判断呢？就是获取全部的。

球类个数。在获取。选中的球类个数能理解吗？然后数不比较这两个值，哎，全部的球类个数是多少Mo，然后我是不是通过内过滤啊，其实就上面那个吧，这不就是那个全部的球类吗。Length得到长度，那么叫做。那么选中的球类个数呢？筛选就是在这个基础之上。我们只要。选中它。看见了吗？然后比较这两个值，说如果你的这个全部的个数等于我选中的个数，那么OK，我是不是要操作它，复制它有ID啊，别着急。

好，ID值。点，然后这里是这是OK那的情况就是。好来我们刷新一下，比如说我反选它是不是有了我的取消，它也取消了，看到吗？来，只要你不是满选，跟他是没啥关系，这个代码呢，我们还给他优化一下。怎么优化呢？这里其实可以不用谈了。大家想想这两个值比较，如果是to，我们给它的值是不to，如果是，咱们给它的是不for，拿过来。这样就好了，这样就好了，OK，大家看见了吧，这样就整句判断了吧，啊，这样放就可以了，好。

应该没啥问题，这里也可以啊，OK，接着呢，我们再来看一下提交，再来看一下提交。提交这个按钮。先把ID址复制过来，给他绑上单机事件。好。啊，提交。大体是这样好，然后呢，在这里面咱们要干啥，咱们要获取选中的。酒累的不想。复选框，那么大家仔细观察一下，这个文字信息刚好跟这个复选框的word是对称，看见了吗？那么你只要获取到选中的复选框，得到它的Y的属性值就可以了，那选中的复选框其实就是什么写就这个嘛。

这咱们刚刚是不是选中了副选。得到它以后，你一直遍历一下嘛，对吧，然后这里面不是有this吗？你alot下dis.check啊dis.value不就得到model属性了吗？就这样就可以了，没有那么复杂呀，足球羽毛球乒乓球足球就算了啊，走出国门提交一下羽毛球，踢个乒乓球可以了，哈，啊可以了，OK，然后这些做完之后啊，咱们再回头来看看，咱们上面这个按钮是不是也得写上，他点击下面是不是都想上他取消，下面也都有取消。

那你得给这个按钮复选框绑上打击事件，能否复制一下。金行卡。Li。点击的时候嘛，对吧，咱们说给全选。选A选全部选啊绑定单击事件，绑定单机事件，好，那么在这里面大家注意看一下。在这里面咱们是不是要操作下面四个球类啊，那么下面四个球类是怎么写，咱们刚刚写的，这是不是下面的四个球类？

是吧，下面四个球类嘛，我通过name进行过滤嘛，没错吧，那么咱们现在要干嘛，是不是操作他们选中不选中啊，那就是check这个属性呗，可问题是这个值到底是给多少比较合适，我是给错呢，还是给false，给错呢？还是给false，对要跟上面一致，那咱们这边想办法得到上面这个选中的状态，怎么得到呢？注意看一下，我先把这个注掉啊，那我们其实知道这里写促和false直接写上都不太合适，怎么办呢？大家注意看在事件的。方程函数中有一个diss对象，这个diss对象是当前正在响应事件的动的项，能听懂吗？

在事件的方式是他吧，有一个diss对象，这个diss对象是当婷正在响应事件的动对象，你发现了吗？这diss无处不在，而且就是这个diss刚好就是你需要那个内容，来，请看一下走，你点击它一个音input的复选框，看见吗？那么它就是刚刚刚等于上面这个值，老师你咋知是它，你想想这个ID是唯一的呀，我只要通过这里获取它的ID，你看是不是能能一致就行了嘛，哎，能一致就行了嘛，你看啊。Check or Bo check or是他吗？就是他吗？啊，那这个时候你想想，既然他是动的形，而且是当前正在响应世界的那个动向，就是它，那我不就通过它就可以得到这个选中状态了吗？记住啊，我点击选中它是错，我再点击取消它是负，看见吗？它刚好能得到，那么我拿他的这个状态赋值给下面这些状态不就合适了吗？

那是不是就跟他一样。来，请看。周玲。再点OK就选中了，那么咱们这个全选全不选呢。还差什么，看到吗？还是完成了，好像好像完成了是吧，啊好像完成了吗？这不是看到完成了，还落手了，没有其他人注意看，还落个东西就是诶当我取消他是不是也要取消。当我在选满的时候，他是不是也应该跟着选满，好就差你一个就完事了啊，那这个时候要注意。我们要给下面全部的球类的复小方和网上单位试镜。为什么老师是绑定第一个不就够了吗？你能确定大家注意我只绑定一个呢，还是绑定全部呢？对，为什么呢？因为当你只绑定一个的时候，那你最后一个必须是他才行是吧？你怎么可能确认用户最后一个点击的是谁呢？所以所有的球类都需要选择。

都需要选中OK来，所有的球类是怎么写，不就是name等于的吗？那不就是它吗？是吧，来click。好，咱们说给全部球类绑上单击。实现好，那么在这里面他需要干什么事情？就是下面每一个按钮球类啊，在点击的时候，我们需要去做一件事情，就是什么呢？就去看一看一共有几个球，你选中了几个，比较一下它们两个值能理解吗？如果是满选，上面要选中，如果不是满选就把它取消，其实就跟我们刚刚做对反选的时候干的事情是不是一样啊，其实就是这张代码，你把它复制过来就行了。

这里面就要干这个事情。好，就这样，那就可以了，检查是否盲选了，来我们刷新一下，点点点点有了，不管你选消谁，你看它都是这样蛮选的，都选上OK，这就是完整的全选，全部选功能。