99.尚硅谷_JS基础_全选练习（二）

来做一下这个练习啊嗯，其实第一个做出来以后，剩下的都比较简单了啊，第二个功能呢，我们来看第一个是全选，全以全选一点按钮以后，四个多像框全都被选中，第二个叫什么呀？叫全部选一点，它是不是四个全都取消了，诶四个全都取消，所以接下来呢，我们来说第二功能叫做一个什么呢？叫做一个选不选按钮叫什么呢？点击按钮以后，我们的四个多选框都变成什么呀，没选中的一个状态了，诶来我们在一块写一遍啊，其实跟上边就一个区别，就是这这区别是吧，我们再写一遍啊，直接挖一个先来干嘛呢？先来为我们这个ID，为它的一个什么呀按钮来绑定一个这个单击响应函数，一个check no button等于一个document，点一个get and by ID check no button，然后check no button点一个。

Click等于一个function，诶等于一个function，对它进行一个单价，还是一个绑定，绑定完了以后在这里边干嘛了，我说要将这个那四个多选框设置，为什么呀，设置为没选中的这个状态呀，哎，没选状态，那这需要干嘛呀，我是不是还得需要去获取啊，那我一想这获取基本上我每一个方法是不是都得获取啊，你这获取老获取老获取挺麻烦的，那我一想既然每个都需要获取，那干嘛呢？但是现在注意啊，在这里边我能不能访问到这个it。能不能访问到现在在这能不能访到itun，不能吧，它不是在一个这个作用域里边啊，他们是两个函数，所以我希望什么呢？我希望在每个函数里都能放到it，那怎么卖，我把it是不是给它提放外边啊哎，咱们可以放到什么呀？放到最上面这啊放到这上什么时获取四个多项框这个it，那这样呢，在这函数里我就不用再去获取了，我是不是直接直接跟这行列Y一个这个it，哎，Y一个it等于零，然后it小于it点一个Li，然后来一个I加加电力，然后呢，设置为没选状态，选中之处没选中不就是哎false啊IT4I点一个这个check等于一个这个false已保存，咱们再看刷新全选全部选，全选全部选是不是就OK了，哎，就OK了啊接下来呢，下边是什么呀，反选反选我们也写一下，反选在这来写一下，叫做一个。

盘选按钮叫什么呢？诶点击按钮以后干嘛呢？选中的变成没选中，没选中的变成选中啊没选中变成选中，那我们来看看，那还是我是不是还要给它绑定单项是不是那这块啊它工作呢都差不多，我直接把这一块给它CTRLCCTRL我这干嘛呀，复制一个啊复制一个，然后呢，我这button ID不要忘了改一下，改一下我是不是都整个复制过来了，好那其实哪需要改啊，是不是就这块啊哎，那问你呢，这我是设成true合适还是设成负合适啊，是不是都不合适啊，哎，都不合适，所以我应该干嘛呢？我应该先判断，哎判断什么呢？判断我们这个多选框是否是选，诶判断多选框的一个状态，怎么判断呀？If来什么呢？来一个这个it特。

I点一个check，有同学这么写的等等于处，但是有同学又犯毛病了，这么写了，这么写就完了，是不是又给赋值了呀，点完了以后是不是都选中了呀，所以注意啊，这是什么呀，等等，哎，你判断它是不是触吧，但是实际上你这么写有没有意义啊，这哥们是不是本身就是不尔值啊啊，本身不尔值你就没有必要等等于处了那处。是不是就是处啊，你在判断就没有没有意义了啊，所以直接判断它影它本身就是一个倍值，那我们说如果这个值是处则什么呢？证明我们这个多选框干嘛呀，选中吧，诶一选中已选中则干嘛呢？则设置为什么呀，没诶没选中状态，也就是说设成什么呀，是不是设置成这个fourth，哎，所以it I点一个check等于一个fourth，但家注意啊，是不是写着就完了，还有什么呢？是不是还有else呢？诶如果什么呢？如果进入else则什么呀，则证明我多选框是不是没选中啊，哎，没选中你要设置为什么呀，是不是选中它呀？哎正好反过来设置为什么呢？设置为这个出是不是就OK了呀，这样是不是就反选了，哎反选了一保存咱们看效果，也就是说干嘛呀，你在设置的时候，先对它状态进行一个判断，如果如果是true，你就给它设置成false，如果是false，你给它设置成true啊。

来我这一保存刷新，咱们先选羽毛球反选反选反选是不是就OK了，哎，就OK了啊非常非常简单啊，但是注意了，我这么写啊，这么写明显有点有点傻，这招有点笨，我就发现如果是true我就给它设置成false，如果是false我是不是给它设置成true啊，我发现干嘛呀，是不是在它原来值得基础上进行取载啊，那其实呢，最省事的方式是什么呢？CTRLC给我复制一下，把它给注了，怎么写呢？它我让它干嘛呢？还等于它自己等于自己没有意义对吧？前面我再加一什么呢？加个叹号，这看懂了吗？是不是取反呀，那么说了，如果这个值是true，我是不是给它赋一个false呀，如果是false，我是给它复值一个true啊哎，实际上作用的是不是一样的，上面这个，但是这个明显是不是更更简单呀，诶更简单啊，我这一保存，咱们再看一刷新效果是一样啊，效果一样，但是这个呢，更加的这个简单。

啊，非常简单，好，这是一个反选按钮，反选按钮说完了，然后我们来说什么呢？叫做一个提交按钮，提交按钮什么功能啊，提交按钮我们说什么呢？叫做一个点击按钮以后，将所有选中的这个多选框是不是弹出，诶将所有选中的多样框弹出，弹出的是什么呀？我选中足球果弹出足球啊选中篮球，如果弹出篮球啊，这足球篮球什么呀，是Y6属性值啊哎，所以注意啊，它弹出的是我们这个什么呀？哎，多样框的这个Y6属性值，诶Y的属性值，那所以呢，那这里边那还是什么时候弹呀，是不是还是点按钮以后弹呀，哎，所以咱们来为我们这个S的比拼来绑定这个，单击响应函数，你会发现写来写去吧，这个套路都是什么呀，都是固定。

定的，哎，还是我这两句话找对象找对象对吧？诶都是固定的啊，Where一个sand button等于一个doin的点一个get and by ID来整这么一个啊send button点一个on click on等于个这个function等于function，然后这里边来写，还是我以先干嘛呀，我是不是得便利啊，诶便利我们这个it其实我刚才应该也是复制一下了是吧，便利你可放不了艾，因为你每次说的便利啊，哎，或者你可以可以可以给它提出一个函数倒，但是不能放外边直接Y一个I等于零，I小于I，点一个lengths，然后来一个I加加，现在我是不是为它进行遍历啊，诶那你现在要打印，打印的是什么呀？Y值吧，直接来一个lert，一个什么呢？It I点一个Y是不是就行了呀？哎，一保存咱们来看看I特慕四，然后呢，我这一保存，咱们来看效果一刷。

先来个全选，来提交足球篮球羽毛球乒乓球是不是就OK了呀，有没有问题啊，来，我来一个什么呢，就选一足球。

提交足球篮球羽毛球乒乓球什么效果呀，我这仨是不是都没选呀，结果还出来，我把足球取消了一点，提交足球篮球羽毛球乒乓球一个都没选，是不是也出来了呀，结果不对了，这是为啥呀？诶我有没有管他选不选呀，我是不是直接就输出了呀，所以我这种方式，无论你选不选，他的结果都是什么呀，都是输出，所以我应该干嘛呀，我是不是应该先判断呀，哎，判断我们这个多选框是否选中来一个什么呀，If it4i.check如果他是two，则证明什么是不是选中了，选中了我就干嘛呀，我是不是输出啊，那如果没选中啊，我是不是什么也不做呀，哎，什么也不做啊，这样我这一保存，咱们再看刷新什么也没选，一点没反应吧，选羽毛球，我这一点。

说句羽毛球啊，再选一篮球一点走，你篮球羽毛球不就OK了呀，诶是这块啊，所以这个呢，三个功能就就完了啊这个什么呀，全选，还有这个全部选反，还有我们这个提交啊，这么一个功能，其实呢都不难，套路呢，都是什么呀，差不多这点东西来回的去折腾啊，来回折腾这东西整完了以后呢，我们来看看还有哪我们需要整的好像四个按钮是不是都完事了呀，还有哪，诶我最上边是不是还有一个全选，全部选的这个多选框啊，这东西应该是一个什么效果呀？诶我们来说一下，那这块注意了，我可以干嘛呀，我是不可以选中它呀，诶我一勾是不是他就选中了呀，当他选中的时候干嘛呀，下这四个是不是也应该都选中啊？诶，那当他一点，他是不是没选中啊，下边这四个是不是应该也都不选中啊，哎，都不选中，所以我们这还有一个全选，全部选这个什么呀，多选啊，这能听懂吗？这。

这能听这个业务逻辑能明白吗？哎，咱们得描述一下啊，所以这业务逻辑啊，你必须得给他整清楚了，不然你才能然你就没法写了啊全选全部选的这个什么呀，多选块叫什么呢？当他选中时，其余的也选中，当它取消时干嘛呢？其余的也取消，换句话说就是让什么呀，就是让取取取消秀，就让那四个多样框和他的状态同步吧，诶一致同步，他选中那四个选中，他不选中的，那那四个也也不选中，诶那这块怎么办？那我先说我什么时候同步啊，我一上来我用不用管他不用管什么时候管，我点的时候才管的吧，哎，当我一点它的时候，我是才管那个呀，哎，所以我需要干嘛呀，是不是还是给它绑定一个单击小应函数，哎，单击小函数。

好，来这里边我们来哎为我们这个check的o box来绑定我们这个单击下一个函数，来一个Y，一个check o box等于个这个document，点一个guide版ID check o box，然后check box点一个啊click等于个这个function，诶function我们来什么呢？来一个alert alert来一个诶全都选中了，我们先看看能不能能不能出来对吧，保存我这一刷新走你然后我这一点。咔是不是出来了，诶全都选中吧，然后你这咔咔咔咔，诶功能实现了是吧？但这样是不闷的是吧？诶肯定不行，你这样首选肯定不行是吧？那我们怎么办呢？现在我们说了单击响应函数已经绑定完了，那接下来我来干嘛了？我是不是来设置我们这个多选框的这个什么呀，选中状态呀，直接来一个负循环，Y一个I等于零，I小于items，诶点一个Li，然后来一个I加加，我这来一什么呢？It点诶items I点一个check诶问你了，我这是等于true呢，还是等于the false呢？

等于处行不行，那我们来看啊，我这一刷新，那现在咱们CTRLF强制刷新一下，是不是没没了呀，我这一选走你诶。好使了是吧，来再点一下搜你，诶不灵了，咱这是一帧灵是吧，就点一下，诶来把这改成什么呢？改成false行不行啊，也是一刷新我这一点走你好使了吧，再点呢。

是不是又不行了，哎，你这写成true或者写成false呢都不好，你写就写死了，那怎么办？你们说那我应该写成true还是false。如果我一点点完以后，他选中了四个是是应该都选中啊，如果我一点它没了，这四个是不是应该也都没了呀，那我么说了，也就是说他的take的是true，这四个是不是就是true啊的take的是for，这false这四个不是就是fourth呀，哎所以你干嘛呀，我们是让这四个的这个check的属性等于什么呀，是不是等于它的呀？哎，所以你这怎么写呀，叫做一个check的o box点一个check，诶这样你再看效果，这样它是true，这四个是不是true啊，它是false，这四个是不是就是false了，哎就是false了，我这一保存，咱们来看效果一刷新来，咱们先在一选走你。

四个是不是就选中了，哎来我这一取消，瞅你是不是就没了，哎就没了一点一点一点一点一点是不是就好使了，哎就好使了，好但是有个问题啊，我们来看一下这一块，现在我这用的是一个check的o box check o box，我们来看这是谁呀，是不是就是我们绑定这个单击响应函数的对象啊，诶那么想我觉得我不想用这个拆bos，能不能有没有点省事的方案，或者换一句话说，我们来看我这是一个函数啊，而且是一个什么呀，单击响应函数，或者是一个事件处理函数，那既然是函数里边是不是有有Z呀？诶那现在我们来想想这个是谁呀？诶Z是谁由我们这个函数的调用方式决定吧，如果是以什么呀，如果是以我们的这个函数形式调用Z次是不是window啊？如果以方法调用，这是不是调用？

样啊，那么现在来看我这函数是谁的属性，是不是check o box呀，那么想想如果它是以方法形式调用，那这个Z是不是应该就是这个拆豹子呀，诶，那我们那他以什么方式调用的呀？咱知不知道，咱们不知道，因为为什么咱们不知道是不是咱们调的呀，不是咱们掉的，谁掉的呀？诶浏览器掉的，那咱们不知道浏览器是怎么的，所以咱们干嘛呢，只能先猜一下啊，咱们倒着猜一下，我来看看这个Z它是谁，直接alert里边这个THIS1保存来看一点走你诶htmr input element是不是确实是input element呀，诶我们这个check o box是不是确实是一个这个input呀？诶那我们来看看这两干嘛呢，是不是全等吧，我一保存一刷新。再点哎呦true，诶证明是不是确实是它呀，诶那所以我这完全可以换成什么呀，是不是z.T呀，哎我们来看效果一不一样，哎其实肯定是什么呀，哎肯定是一样啊，肯定是一样的，所以这里边我们又说了一个Z的情况，Z是谁呢？在我们这个事件的这个响应函数中，哎在我们的事件的响应函数中，事件是给谁绑定的，诶或者这样吧，我们这个响应函数是给谁绑定的，这意思呢？啊就是这其实跟我们那什么呀，方法那种情况是一样的，所以很明显我们这个GS，我们浏览器底层它掉的时候肯定是什么呀，肯定是以方法的形式掉的，不然这次不可能是他，对吧？诶肯定是你方法形式掉的，你要注意了，我给谁绑的这个Z就是谁，我这给谁绑的呀，是不是给我们这个差boxs呀，所以Z就是。

什么呀，Check啊T好，那这个东西也完成了，诶这么一看好像差不多了是吧，有没有哪有问题呢？咱们来看看，咱们说一下啊，到时候你自己来尝试去再看看啊，诶还有什么呢？我这全选OK了，全部选OK了，反选OK了，这玩意儿也OK了，然后提交呢，诶反选来一个这个什么呢？诶这来一个乒乓球提交是不是也OK了呀？诶那来看还有什么问题看着啊，现在我全选全选以后是都选中了，好我一点啊，把足球给取消了。

总理。哟，现在是全选吗。不是，但是问题是什么呀，他是不是还勾着呢呀，诶当我把足球取消了以后，它不是一个全选状态，那他是不是就应该也没了呀？哎，也没了，来再看现在是一个没全眼吧，诶来足球篮球羽毛球，现在我一点上乒乓球是不是变成全眼了呀？来，我一点走，你看全选了，但是他选没选中啊，没有，诶那这一块你们要想想怎么去处理它，哎怎么去处理它，还有哪呢？还有就比较简单了，看着啊，现在我点全部选是不是取消了呀？诶看着啊，我点全选我一点。

上边是不是也应该选中啊，这好整啊，这好整，大家想怎么整诶，然后现在是全选，我一点全部选走你。它是不是也应该没啊，哎，也应该没，但是现在还有那这东西好整啊，这东西好整还有哪呢？看这现是这样的吧，来我点反选走走走走上边是不是没动啊，诶那这个东西要怎么办，你们要去想想啊，这怎么处理我们下午再说啊，但是这块注意啊，这们提示一下，现在我们说什么呢？当你这个四个是全选的时候，我取消了一个，是不是应该它也取消啊，哎，当我这个四个什么呀，我这一点我一点我一点是不是就全选了呀，它是不是应该同时被选中啊，哎，那这东西我们需要干嘛呀，是不是做一个判断呀，什么时候判断呀，我点这四个小的时候判断吧，我一点足球我就要判断什么呀，这四个是否全都选中了，如果全都选中把它干嘛呀，也选中，如果没全选中的，把它干嘛呀，也取消啊，要判断一下，那这个有点像什么呢？像我们之前讲那个质数那个练习啊，你可以比较着去试一下啊，试一下我们来停一下。