39 - 尚硅谷-RBAC权限实战-用户维护 - 全选框选择.avi原创

接下来我们讲一下这个批量删除啊，批量删除呢，其实就是我们右上角的这个按钮啊，我们点击之后要把页面当中的多条数据给它删掉啊，首先我们先把页面当中的数据呢给它显示出来，那么每页显示的数据条数呢，就得稍微多一些啊，这个每页显示十条吧，嗯，这里刷新一下，那数据出来了，那我现在呢，正好呢是这两条数据我不想要。然后我点击删除的时候，把这两条数据给它删掉就行了，那么这里呢，其实有一个比较特殊的一个情况，就是说我们上面有一个全选框，那么这个全选框呢，当我点击之后啊，它下面所有的复选框应该都选中，然后呢，我这个取消呢，下面应该全都取消，应该是这样的一种情况，所以我们接下来呢，把这个功能我们先做一下，那么功能做完了，我们再来做批量删除啊，那首先我们先把这个复选框给它找到，他在我们的表头当中。

所以在我们的这个位置表头t head里面会有一个check box复选框，那现在呢，我们就写上叫on click啊，那或者给个ID也可以啊，来，我们写上叫做全选框，咱们叫做all select box，诶，咱们这么起个名啊，然后把它拷贝，拷贝以后给它增加点击事件，当页面内容加载完成之后，来点击它一下来Dollar符，然后井号来点click，嗯，好，写完之后，那么这个时候呢，我们需要把它的选中状态得到，那么我们这里写上啊，咱们叫做嗯，Flag等于叫this.check就是你当前的这个复选框的选中状态，我要得到，那我看对不对，Alert，然后Fla，嗯，好了，然后接下来我们刷新一下，那么我们点。

True，因为我勾选上了，那我再点，诶，False取消了，所以它的选中状态我们已经拿到了，拿到了以后，接下来我们要做什么呢？我需要当我点击它的时候，下面的这些复选框，它的选中状态跟他一样，所以我要把下面的复选框给它找到，那么下面的复选框都在哪呢？他们其实都在我们的这个TR里面啊，在我们每一个TR里面，而这个TR最终都会放到我们的user date里面去。所以我们要从它里面来拷贝，拷贝之后来我们写上。也就意味着我们要从这个地方它里面去查找那个check box，我们加个冒号，咱们叫check box啊，你这么写完以后，我们的下面的复选框就拿到了，那么拿到以后，那每一个的选中状态都要跟这个flag一样啊，所以点it循环便利，循环变利的时候function，然后我们就写上this.check它等于啊，我们这么写就可以了，你这么写以后就表述的是每一个副旋框的状态跟外面的状态保持一致，我们来试一试啊。

刷新刷新以后点一下点一下你看没有问题，所以我们的全选框的操作咱们就做完了。