00:00
来吧,来,那我们来看看这个全选和取消全选,那全选取消全选啊,他的做法他的需求是这样的,一般来讲他的需求分两部分,两部分需求哪两部分,一部分是有这个全选按钮来驱动,怎么来驱动他这样当用户他的需求呢?当用户一点全选按钮的时候。然后呢,下边是,那么如果是他是选中的,下边是不是都得选中啊,都得选中,再一个如果他点完了之后,他是取消的,下边是不是这列表中的这些车报子也都得取消,就这这是第一部分需求有全选按钮来驱动。当用户每次点全选按钮的时候,都得看一看,他点完之后这个全选按钮是不是选中,如果全选按钮选中,下边列表中的开个boxs都得选中,否则只要全员按钮没选中,列表中的所有的拆boxs都得取消,这是需求的第一部分,这一部分大家好做,用你们以前的技术都能实现这一部分,那我们来看看这一部分,就这样,这一部分需求就这这个这个的方有全选按钮来驱动啊,我这个地方我也不写了是吧,不写了啊,这个地方来一个我们大家来做这件事儿啊,当用户一点击全选按钮的时候啊,一点它,然后呢,如果他是选中的,下边都得选中,如果他是取消的,下边都得取消,那我们要做这个需求的话,大家看我们应该怎么来做。
01:30
那做的话有它来驱动,当用户一点它的时候,是不是我们要执行我们的代码了,所以我们要做的事儿,是不是要给全选按钮加一个单击事件啊对,把事件加到它上面,他一点全选按钮执行我们代码就行了。在我们代码里边来决定下边是不是都选中,怎么决定,就是看看他点完之后,他是不是选中的,他选中下边都选中,它取消,下边都取消。所以这是我们说的需求的这第一部分,我们来做这个事儿来做一下,这个地方来做一下,然后呢,那我们做的话,给全选按钮加单击时间就行,那在哪加呢?我们也是在入口函数的统一加,给全选按钮添加单击时间。
02:15
添加单击事件知道吧,那添加单击事件,让首先拿到那个全选按钮知道吧,获取它的解开对项,那那么调可雷那个函数是不是这样的,这样所以来找那个全选按钮吧,全选按钮在哪呢?在这个列表的第一行里边,那就来找一找这个列表在哪看看,往下找对在最下边是吧?在这个地方全选按钮大上是不是,这是table这这个列表,这是它的第一行,第一行这个表头这一个就是那个全选按钮。我要给它加单击时间怎么加,对加个ID是吧,加ID这个地方idd的值你随便起了,我这个地方假如说就叫叫啊叫拆凿吧,是然后呢拆凿。
03:07
就全选了,给他加个单击时间,这个地方来一个,然后呢,往这个地方来一个,给他加一个这种单击时间。然后呢,这个地方来一个到时候啊,然后呢,这是全域按钮,拿到解包对象调视角函数click click这函数,当用户就我说一点这个全选按钮的时候,就会触发我们这个函数,把这个代码写到这里边就行了,是吧。那写在这里边干什么?我们刚才已经分析了,我们要干的事就是看看点完之后他是不是选中的,如果他选中的,列表中的所有的插销包S都选中,否则如果他是取消的,列表中拆销包S都取消。那这个地方我就要判断了,判断什么判断,如果如果点完之后全选按钮是选中的,是选中状态状态,则列表中的所有拆boxs对都选中,都选中知道吗?好,那关键是我如何判断,再一个什么全选按钮是不是选中状态呀。
04:23
如何判断对全什么拆个bos选中和取消的状态?有谁来判断check开的属性值是不是这道吗?这个按钮上面有个check的属性值,Check如果是to说明他选中了是不是道吗?否则如果是false就取消了。那我如何获取这个全选按钮的拆的属性值呢?对P是不是可以啊,那你说那PP它属于解块的对象的,是不是我就可以直接什么。拿到这个全眼的解块的对象,然后调它的什么PP啊,然后呢,在这里边获取哪一个属性值,查的属性值,看看它是true还是否子,这样是不是可以的,可以,但是我这样可以,但是你看看这多麻烦,你看写这个。
05:18
对这样,你看这都多麻烦,对这些我就获取那个拆开的属性值来看,我就这样,我们以前给大家讲过这个参数,这个函数表示当这个元素上面发生这种事件的时候,会自动处罚这个函数。在这个函数里边有一个什么对内置对象就this,这个this就代表什么对,当前正在发生这个事件的这个元素的盗墓对象。对,VS就代表当前正在发生事件的这个元素的刀墓对象,那我能拿到刀墓对象了,我想获取它某一个属性,咋获取?对盗墓对象点属性名就行了,是不是这样的,这以前我给大家讲了,是吧?那说它的拆开的属性叫谁啊?就这个拆开的属性值,这样我就拿到拆的属性值了,这样多简单啊,知道吧。
06:13
所以我就看它是true还是false就行了,那如何看它是true还是false,那它本来就说布尔类型的数据,那就if true,那就干什么,对A附处的话,那中要它是它是选中的是吧,那它是选中的,那就什么让列表中的所有的差bos是不是也选中啊,也选中就行,那也选中这种啊,哎,这不是这种啊,If就是它就这,如果它这样你也可以这样,如果它等于to也行,我们这写写详细一下吧,如果它等于处列表中的check boxs,是不是列表中那些check boxs也都让他们选中,那如何让列表中的check boxs也都让他选中呢?获取列表中所有的。这个。对,获取列表中所有的拆掉boss,那把他们的让他们选中,是不是把它拆过的属性值都属性值都设成出网都成功,那那那这样就好办了,那获取列表中所有的开boss咋过去选择器是吧?那选择器用什么选择器对他都是,那是不是那个T包下边的所有柴有包S对就是T包,就这个踢包下边开个boss知道吧。
07:32
就是这个是不是这个T包子下边啊,就它下边所有拆开boxs,那它下边拆个boxs,它下边的元素是不是我们可以用父子选择器啊对附子选换器,然后呢,大家看这个我们来,那首先我要选中check boss是不是这样吧?选check boss怎么选啊,选这那对就这样吧,就那个列表中的这个所有的列表中的所有check boss,那首先获取列表是吧?那个列表叫什么?对ID选择器是不是这样吧?它下边的拆boss怎么办?对大于号就是那个间括号是吧?这是不是父子选择器啊,那后边的怎么写呢。
08:11
大鱼熬。所有的拆boss,拆boss怎么选?你看这拆boss是啥?对这拆包S你看对全部都是什么隐铺的标签,哪些隐铺的太不等于拆boss那些隐的是吧,所以那个就是什么标签选择器吧,来一个什么对列表中所有input,对它下边有哪些它包这有哪些什么input,其实就这些input,一般来讲一现在其实这么写就行了。为什么?因为列表中大家看对只有这一类拆包S列表中只有这个,没有别的拆包子吧,不是不是没没有别的input吧,对,列表上只有这些input,其实直接这么写就行了,直接这么写就行了,知道吧,就直接这么写就行了,但是一般来讲,我们既然是check bos了,一般我们还会写的更详细一些。
09:05
能说不但是因葡,而且我根据属性过滤小根据属性过滤是不是中括号中口,然后呢,对type等于什么?对check box叫check box,知道这是我们说就获取到列表中所有的check box。裂宝工拆所有的拆包,他这样这样获取不到。账户有不到。这为啥获取不到负子选择器这个监括号,我们以前跟大家说过提包的呢,知不知这个监括号是表示什么?这个标签下边的一些子标签,但是它有个限制,这些子标签必须是他的一级子标签,直接子标签。如果是他的子标签的指标招,你就选中不了。再这样这样你会不到。所以父子游戏这个单,你看你,你看我们这个单卡,我这也拆个boss,你看我这拆个boss。
10:05
我这也拆开包子,是那个T包子的直接子标签吗?不是,他是那个T包,他是那个提包下边的是吗?对,子标签下边的子标签,下边的子标签是间接子标签。所以你这个监括号只能选到这个监括号,我们说这个监括号它只能选到我们的这个,这个监括号它只能选到一,那么直接走标签,所以这样写不行,那怎么办呢?这里边还有一个什么空格,空格,空格是表示获取这个什么副标签下的所有的子标签,不管是直接子标还是建立标,全部都能获取到,大家明白这意思吧,就这这是我们说这个地方,所以我们这个地方只能用它,这样的话我就获取了列表中所有的check box,其实就是获取了into的标签。只是获取到提包的效果并不标准,这样我们就获取到,获取到之后呢。
11:02
对,把他们的这个拆开的属性值设置处是不是就可以了,那拆的属性值设置出怎么设置设置设置属性值打过去设置对pro,然后呢,设置哪一个属性值对check设置什么to就行了,好这是我们这个这如果说什么全选按九点完之后。那个check box check boxs是选中了,他都选中了,那二次呢。如果他是false,那就什么后边是不是都是false,都是false知道吗?后边这也是列表中所有T也都是false,知道吧。所以这样的话我们就可以了,这是跟我们以前的思路应该是类类似的。直接把。对,然后你看这样,这样的话呢,这样写肯定可以,但是这样写是不是麻烦一点,麻烦你再分析这个代码你看。如果他是to,这些拆的属性值都设成to,如果它是false,这些拆属性都设成false,换句话来说就什么。
12:11
把列表中所有的check box属性值就设置成它的值。它是出都是出了,它是false都是false了,那直接把这个指数赋值过来不就行了吗?所以呢,我们可以是其实这个代码可以通过这种。对这个代码可以简化一下,是怎么简化,每每次点这个全选按钮都给它设置一下列表中所有拆box的属性制,设置成什么对就设置成什么,全选按钮的拆属性制保持一致嘛,知道吧,如果他认输,大家都是服务,如果他是后大家都是否,所以一行代码就可以了,所以这样的话呢,我们这个地方来启动知启动服务,那我们就可以对。这是这个需求。
13:18
然后呢,这个地方来看看张三,然后呢,这个地方来个YF要怎点进来,然后呢,再看市场活动,然后呢,你看呢,我一点他的,如果他是选中了,下边都得选中知知道吗?我再一点它,如果它是取消了,下边都得取消,知吗?就大家拆开的属性这保持一致了,知道吗。所以大家这个需求我们就做好了,有它驱动。还有一个需求,还有什么需求?有下边列表,功能由这些拆包来驱动。这些拆包怎么驱动?就这样,当用户点下边列表中任何一个拆boxs的时候。如果下边的所有的拆boxs都选中了,上面也得让他选中,否则只要有一个没选中的,这个也得让他取消,大家明白这个意思吧。这种当用户点任何一个的时。
14:12
如果下边都选中,他得选中,否则只要有一个没选中,他得取消。知道吧,所以这个需求来看,我们做的时候,大家应该怎么做。那这个时候大家用户点他们来来做判断了,是不是我们得给列表中所有的差box的加事件了,对,把事件加到列表中所有的拆包,每一个差box都加上视角,他不管点哪一个,我都判断一下是不是全选中了列,如果列表中的全选中了,他让他选中就行了,否则那让他也取消就行了啊。所以这个地方大家这个地方大家做一下吧,这做一下这个地方,那做的话用用我们以前的技术做的话咋做。加事件那就选中它吧,对可雷一下就行了是吗?那这样吧,做到到时间了是吧。
15:05
到时间自己课下写一写,能写出来吗?可以啊,试试吧,对,试试,试试吧,行。
我来说两句