100.尚硅谷_JS基础_全选练习（三）

还是看咱们上午这个练习，上午练习呢，大部分功能都已经做完了，然后我们说呢，在上午演示过了，还有哪块有问题，就是这块啊来当我去全选以后，我这块一点这个足球，诶我当我一点足球的时候，它还是不是一个全选状态呀，不是了，诶不是全选状态，但是他这个干嘛呀，这一块是不是还勾着呢，哎还勾着呢啊那这块当我现在呢，哎，我这一选一选，现在当我把乒乓球勾上以后，就变成什么了，变成全选状态了，哎最后一勾它已经是全选了，但是它干嘛呢。他是不是还没选中啊，还没选中，那刚才我们上午做的一个功能是什么呀？当我点击这个check box以后，我让干嘛呀，我让这四个是不是和它进行一个同步啊，那接下来我们要做的是什么呢？那我们说了，如果这四个全选了，我是不是让它也同时就选中，哎，选中啊，所以这块我们注意，我们要说一下，如果什么呢？如果我们这个什么呢？如果我们这四个多选框诶全都选中，则什么呢？则我们这个叫做check的o box也应该选中，如果什么呢？如果四个多选框哎没都选中，则什么呢？则有这个check check boss也什么也不应该。

选中，哎，那换句话说跟上边其实正好相反，上边是让什么呀，让这四个多向框和check的o box进行同步，那下边这干嘛呀，是不是让我们这个，诶让这个什么呀，让这个四让这个check的o box和这个四个盘进行同步啊，哎都是同步啊，那现在我们来说，那我这块要怎么做呀。怎么做呀，也就是说现在我实际上要设置谁是不是要设置的是这个check的OO呀，诶那什么时候设置啊，怎么说了，如果这四个全选中，他是不是选中啊，如果四个没选中，他是不是就不选中啊，那什么时候判断他们四个选没选中。

什么是判断？假设现在我这1.4个现在是不是全选了呀，那它是不是应该也选中啊，那什么时候判断呀，是不是当我点它的时候啊，哎，当我点的时候，我是不是要去判断一下，哎，那既然点它的时候，我是不是要给这四个每一个都去绑定一个这个单击项函数，哎单项这能看懂吗？哎，我要给每一个都去绑定，所以呢，接下来我们来做一件事干嘛呢？诶为我们这个四个多选框分别绑定，我们这个单击响应函数，为我们这四个分别绑定。那分维绑定那就毫无疑问了，我们得先去干嘛呀，是不是得先得去变力量，Y一个I等于零，I小于，诶一个it点一个LIS，然后来一个I加加，我们这来什么呢？然后it一个I点一个on Li等于一个这个function等于function呢？然后我们这来一个alert alert一个这个hello保存，我们这来看一刷新，现在我一点它走，你是不是出来了，诶我再点它走，你是不是也出来了，诶点它是不是也有了呀？诶那现在呢，每一个这个多选框我们都绑定好了一个单径函数，那现在当我点多选框的时候，是不是这个函数就会被触发呀？诶好，函数触发了，那函数触发了，我们应该干嘛呀，我们应该干嘛呀？诶我是要判断呀，判断什么呀，判断四个多选框是否。

全选啊，那我要判断四个多选框是否全显的注意了，那我怎么办呀，我是不是还得是一个一个判断呀。

对吧，哎，我还得是一个一个判断，那你这块一个一个判断，我在里边是不是还得写一个负循环，再去遍利我们这个it，诶再去遍利我们这it啊，所以这里边我要判断四个多像框是否全选，我来什么呢？还得在里边再写一个循环，我还得对它进行什么呀，再次遍利来一个Y一个，哎别咱们这块为了区分一下我这用什么呀，用接接等于零，然后接小于it点一个LIS，然后来一个这个接加加啊D加加，那这回我实际上就要判断谁呀，说判断我们这个it接点。Check呀，我是要判断它是否被选中啊，哎，那问题来了啊，我们来看一下，我这来什么呢？If it接check，那我们说如果它为处能否说明。四个全选不能吧，如果他为处只能说明有一个全选吧，你得什么呀，你得四个全为处是不是才证明是全选的呀？哎，那所以这块你变得麻烦了，你得干嘛呀，你得把四个全都看一遍，你才能确定他们是全选拔，那这块么办，那块怎办呢？这块有点麻烦就跟什么呀，就跟我们这质数的时候质数似的，如果一个I能，哎不能被整除，它也是不能说明这I是不是是质数吧，哎不能说明，同样如果item.take是不能证明四个多像框全都被选中，那怎么办呢？诶那咱们想想啊，我这样，那咱们这样，那既然不能判断是否权限，我们说了，诶如果什么呢？如果只要咱们反着来说，诶只要有一个没选中，则什么呢？则就不是全选。

只要有一个没选中，就不是全选，也就是说只要它是有一个是false，那就证明什么呀，是不是就没全选项，诶好，那看我怎么办啊怎么办，那我现在说现在什么时候进门子处的时候吧，那处的时候我们其实不管我找谁啊，我找false找false怎么办。

我是不是取一个反应，那这样进入判断说明什么，一旦进入判断则什么呢？则证明不是什么呀，全选状态，那不是全选状态，那我应该怎么办。那应该怎么办？那我是不是应该把这个check o box设置成false呀？哎，将将我们这个check的o box设置为，诶设置为这个，诶没诶选中状态直接来一个check o box，点一个check等于什么呢？等于一个false，那我们说了111进入判断它是不是变成一个没选的状态啊，哎，没想那来保存，我们这边先看笑话啊，我们先试试先说这样行不行。

哎，肯定是行，但是有没有问题。有没有问题，来咱们看着啊，我现在呢，先来一个这个全选是不是选中了呀，来来，我把乒乓球取消了，走你诶。说他就没了呀，诶来，我把羽足播球取消了，等你他是不是也没了呀，把羽毛球取消了，他不是也没了呀，好使了吧，但是注意有问题，什么问题，我把羽毛球给勾上，他选不选中了，选不选中了，说不选中了呀，注意了，为什么不选中了。为什么不选中，因为我这只是把它设置成false，有没有给它设成处啊，没有，所以这块你只能干嘛呀，你只适用于这种情况，它行，你再点回来是不是就不行了呀，那这块怎么办呢？来看着我干什么啊，我在这儿呢，做这么一个事儿，在我们外边刚一点这个按钮的时候干嘛呢？我要设置我们这个check box。

为什么呢？为选中状态什么意思呢？来一个checked o box等于什么呢？等于处诶那我要问你了，这是什么效果，就现在你就不看这four循完，那这是什么效果，我只要一点这it斯上来，我是不是把上面那给它选中了呀？哎我们看效果啊，这我一刷新，咱们这我随便点一个是不是都把它给选中了呀，哎随便点一个啊，我们来随便点一个走，你是不是他选中了呀？诶随便点一个不把它选中了呀，但是这是不是又不对了呀，但是注意了，我下边负循环是不是给注了呀？诶你把它一打开，我们来看什么效果，那这块我们先读一下这个代码，首先当我一点这个多样框的时候，我上来就把这个check的o box设置为什么了，True，也就是说我默认是什么，默认是我四个是不是全都选中了呀，哎，全都选中了，然后它这边进行负循环呀，在负循环里对它进行判断。

如果一直没有满足条件，一直没有进入判断，那则证明什么，证明是不是就是全选呀，那就是全选，我就是不是设置成处了呀，诶那我们说了，如果进入判断了，则证明是不是全选，不是不是，是不是就改成false了，那前面这处是不是就失效了，哎，就失效了，所以这回再看一刷新还是啊，我先给他取消掉，现在是没有了吧，来先来一个全选，我把乒乓球点了走，你是不是他就没了，来我再把乒乓球勾上走你。就回来了，把羽毛球点了就没了，把羽毛球勾上，他是不是就回来了，诶这一块就OK了啊，实际上这个呢，跟我们那个什么呀，质数那个练习基本上是什么样一模一样啊，基本上是一模样，先干嘛呀，质数练习我们是来什么呀，来一个flag默认什么呀，默认是不是为处啊，然后在这是不是对那个值进行修改啊，诶进行修改，其实这个呢，也是什么呀，也是一样的啊，也是那个意思，待会再稍微再去看一下啊，再稍微看一下，好，那这块判断完了，那我们来看看这块有没有什么可以改进的空间呀。

诶，那现在假设我们是这种情况啊，这种情况我现在呢，我这一取消足球，诶我第一个是不是变成变成force了，诶变成force那就意味什么呢？当我执行循环的时候，当接等于零的时候，这是不是就已经进入判断了呀？诶进入判断了以后，Check的box等于false，诶false设置完了，让他没选中了，那注意了，此时我是不是已经得到结果了，诶那个J等于一，J等于二，J等于三，往下我还用不用再看了，是是不用再看了，也就说一旦进入判断我就已经什么了，是不是有结果了，循环还有没有必要执行了，没有必要执行了，所以这块我们为提升效率，那怎么办呀，是不是break呀？哎，所以注意啊，一旦进入判断则什么呀，已经得出结果，哎，不用什么呀，诶再继续什么呀，循环啊，不用再继续执行循环了，直接来一个什么呀，诶对我们性能会有进一步的一个提升啊，会有小。

提升好，那这块看完了，然后呢，咱们其实就差不多了啊，然后再看还有哪块我们需要去完善一刷新，还是先看我们这个全选，诶全选走你诶是全选了对吧？但是上面那个呢，是不是没动啊哎，来再看全部选走你，诶这全部也看不出来是吧？我点全部选走你这时候也没动啊哎，所以我全选的时候应该干嘛让他选上啊，全部选的时候是不是应该让他也取消了呀？哎取消了所以这块好整，那这里边呢，我们需要在哪啊，是不是在上边最上边这个单击响函数来测试啊哎来来编写这个代码，那这样啊，我先把这个什么呢？我要操作的是谁呀？是不是这个check的OO呀，哎，所以这样啊，我为了用它方便一点，把它放在什么呀上面，咱们这样看的清楚一点啊，但是挪不挪无所谓这块啊，我给它放在上面，这是我们个check的O哦，获取我们这个全选全不选的这个多小块。

然后呢，在这儿我是不是需要来干嘛呀，将我们这个全选全入选设置为什么呀，是不是选中啊，因为我这是什么呀，我这是全选按钮吧，诶全按钮，所以这应该来一个这个check的o box，点一个check等于true是不是就OK了呀？哎，那同理，下边这个全部选呢，这来一什么呀，设置为什么呀？哎。不选中吧，这应该来的是一个这个，哎，False这就比较简单了啊，就死的了，这一刷新走，你现在全选全部选全选全部选全选全部选是就OK了，哎就OK了啊好，那现在还有没有问题啊，还没有问题。

诶反选我要这么选，其实是什么呀，一点毛病也没有吧，哪有毛病，我如果是一个全选的状态，我再点反选走走。走哪没动，是不是上面没动啊，哎，上面没动，那我一想这块我。我把这加上行吗？行不行，哎不能写死了吧，因为什么呀，它不一定，如果是这种情况你得改，但是有的时候什么呀，是这种况，你是不是就不用动啊，哎不用动，所以你不能这么写，所以我这需要干嘛呢？所以应该干嘛呀，咱们这来写一下，在我们这个反选时干嘛呢？也需要判断我们这个四个多选框是否全都选中吧，哎是否全都选中，所以这一块最简单的方式怎么办，我把下边这个代码哪一段呢？就这一段直接CTRLC。

CTRLV给它粘过来，我是不是在这儿做一个这个判断呀，哎，做一个这个判断，我们先看看行不行啊，这块我是不是多粘了一个，这没多窄啊，我这保存咱们来看一刷新，现在我来一个全选，然后反选，反选是不是就OK了呀？诶这块OK了啊，直接把这个代码粘过来行了，在这儿再做一个这个判断啊，再做一个判断，但是这样写呢，有点麻烦，为什么有点麻烦呢？我上边是不是有一个破循环了呀，我这再写一个吧，就多便利一次，没必要了，那我们上边有一个干脆就什么呀，我就用它是不是就行了呀？诶所以我这块调整一下，我把这个呢。把这个呢，给它放到最上边，诶默认选中，然后呢，我把这一堆代码。CTRLX给它干嘛呀，放在这个负循环里对吧？诶然后再看我怎么改一下呢，那我这块就还能不能写接了，是不是就跟他一样的是哎了呀，哎哎，然后还有一个我这还能不能break了。

潘德文break了，这可就不能break了，为什么呀，你这儿是判断完了，但是人家上边是不还得取反呢，你这也break，是不是反都不取了呀？哎，反倒不取了啊，所以在这儿就不能再break了啊，一保存咱们再看刷新，这回反选反选反选效果是不是就一样了呀？诶再来看看啊，全选全部选，全选反选，然后点一个，然后提消乒乓球，然后呢，这个玩意儿是不是也OK啊，取消一个点上，再取消，再点上，诶取消弹一个足球乒乓球乒乓球，诶那这个功能呢，咱们就算是做完了啊，咱们就做完了，那这里边呢，并没有什么地方说特别特别难的，唯独一个还是我们这个老问题，有点像我们这个质数练习那块，你需要再把它去看一下啊，再把它去看一下，好，我们这儿呢，先停一下。