00:00
行,接下来咱们来做一个,诶这个操作。貌似很面熟啊,考试题多少分来着?是15分了,我记得是不?45分啊,应该是15,我记得应该是十分还是15分是吧。不可能45分,就这么一个全选,全部选45分。闹闹玩儿呢,行啊,咱们来看看啊,首先啊。我们先来找一找这个啊,这个全选这个框在哪啊,先来找一找它啊,往下翻吧。嗯。哪的,我看。啊,在这呢,在这呢,是这个不。是这个吧,我来个名称123啊,咱们做个标识啊,同学们走是他吧,名称123对应的这个对不对?好,我现在是不是应该处罚一下他呀,然后我通过对于他的处罚来操作这两个复选框,是这样吗?行来一个什么。
01:15
ID呗,行吗?我就来QS吧,行吧,表示的是全选可以吧,好。来为这个全选的这个啊,复选框啊,来绑定事件好这个啊,咱们来处罚这个啊全选。操作啊好来是不是叫QX啊对不对点好,那这个东西我看看啊,怎么个写法呢。
02:01
一共能有几种写法,算一算。有三种写法吧,差不多吧,咱们选择一种比较简单的啊呃,比如说大家注意看啊,我们现在是不是要操作的就是他俩呀,对不对,我们首先把他俩拿到,然后根据它是挑勾的还是灭勾的,给他俩负个值数就行了。这种做法最简单,甚至连for循环都不用是吧?行啊,那接下来咱们的任务是什么呢?找到他俩。他俩在哪?好。咱们是不是动态拼出来了,是不是在这呢。没错吧,行,咱们来一个啊,来一个name或者来个class都行,但是class将来主要是用来描述样式的,能理解吧,所以说内啊,咱们用的比较多,比如说我叫XZ表示的是普通选择框的意思,行吧,好,XZ。
03:04
嗯,Input选择器这个东西,你想用哪个就用哪个,这个啊,我不强制要求,能理解吧,好,因为杰克给我们提供了很丰富的选择器嘛,但是我习惯于使用是这种。啊,这个元素的这个元素结合属性这个选择器啊,等于XZ,哎,我现在选的是什么同学。所有name等于XZ的input是不是相当于就是他俩?没错吧,那我有没有把它选中,没有吧,它叫什么?它给专门给它起个名叫ID等于QX对不对?他俩的name等于XZ,好给他俩来一个PR。好。怎么办呢?这个来一个check对吧,后边呢,在于这个全选它到底是什么对不对,来个this点什么呢?E好,这个this表示什么,这个this是不是表示这个全选的这个盗对象对吧?好来一个check啊行。
04:15
啊,错的是不是有点太简单了。还真好使,行,就这样吧,我感觉挺简单的,行吧,放循环咱就不写了啊,行了啊。好,那么接下来呢,是不是还得干嘛呢?这是全选,这是全部选对不对,但是啊,我现在是通过处罚他来操作他俩,是这样吗?那我通过他俩能不能操作他呢。是不是也可以做一个呀,啥意思啊,也就是说他俩我都跳了。他是自然而然就挑了我他俩其中灭掉一个,他是不是也跟着灭了,OK吧,好,那现在啊,我是不是相当于刚才是为他绑视线,那现在是不是相当于为他俩绑视线呢?
05:08
对不对?好,咱们来一个,他们两个是不是所有name等于xa的input,是这样吗?好的,来一个点CL function OK吧。问题就此出现了,哪有那么简单呢?你们第三阶段都做完的,我还带你们做啊,问题不在这儿呢,大家注意看啊,点123弹呗。啊。大家想一想,这个问题123我没谈呢,为什么?没谈,难道我这个选择器错了,没错呀,我这个是不是粘过来的呀,它是不是代表的就是我们这两个复选框啊。
06:03
那可厉害,没错。有同学说两个都点,那能,那那又能怎样啊?是吧,没用啊,没法处罚,是这样吗?好,大家注意啊,这种做法是不行的啊。以下这种做法是不行的,为什么呢?因为我们。动态。生成的这个啊元素啊,动态生成的元素是不能够干嘛的呢。这个往下贴了。好,因为动态生成的元素啊,是不能够以这个啊啊普通啊绑定事件的形式来进行操作的啊。
07:00
好,大家想一想,我所有name等于XZ的input,是不是我通过JS动态拼接的这个元素啊,哎,它是动态生成,动态生成在这呢啊同学们你看是不是我是现拼的呀。哎,这种东西你不能直接跟我们以前一样,直接点click,那是不行的,OK吗?好,那么动态生成的元素咱们应该怎么玩呢?好。动态生成的元素啊,我们要以这个on方法的形式来处罚事件啊,它这个语法啊,是这样的啊。好,首先我们先要找到什么呢?我们先要找到啊,咱们需要绑定元素的这个啊,有效的外层元素的这个解对象。
08:05
我先给他找了,然后我调一个什么点,嗯,方法OK吧,里边有三个参,第一个参是什么呢?绑定事件的方式好,第二个参是我们需要绑定的元素的解口RY对象,最后一个就是咱们这个回调函数啊。我们现在套这个公式啊,同学们来看一看啊,需要绑定的元素的有效的外层元素,首先我们先要看一看,需要绑定的元素是谁呢?需要绑定的元素是不是它呀,所有name等于XZ的input,我们来看看啊,是不是他呀,这个是不是我们要绑的呀。它有效的外层元素,它的外层元素是谁?同学们是不是TD啊,TD有效的。是吗?
09:00
哎,你们怎么分析什么叫有效,什么叫无效?TD是不是也是动态生成的呀,所以它是无效的,如果无效怎么办?继续往外扩,TD的外层是什么?TR是有效的吗?不是,因为它也是动态省,继续往外扩。TR的外层是。天。是不是他呀,来,我往下翻一翻啊。你看看啊,咱们是不是TR的外层,是不是这个t body啊,所以说啊,咱们找的是这个t body啊body。嗯,好在这儿呢啊。包的对吧。点什么同学们套公式啊是吧,好,绑定事件的方式什么,是不是还是可厉害啊对吧?需要绑定元素的解扣对象啊,咱们这个是不是我们需要绑定的元素啊,所有name等于X的input对不对啊,那最后咱们来个方式啊好。
10:08
来,我们现在谈一个alert啊,看看这回啊,动态生成的元素能不能绑好,来看看走一个好使了吧。没有问题了啊。行,我们现在啊,是通过为下边的这俩复选框啊,绑时间来操作上边的这个对吧?啊,所以说咱上边这个叫什么来着。是不是QX啊点pro对不对,好它的等于什么呢?大家想一想。哎,我到底这个东西我要挑个勾,还是要把这个勾给灭掉呢?怎么来判断,同学们注意看啊,我现在判断的依据是这样的啊。注意看啊,如果这个勾挑了。这个勾也挑,这说明什么呢?我现在总共的数量是几,是不是二?我挑勾的数量是几也是二,如果这两个二比对的结果是一样的。
11:11
说明什么?说明这个勾我是不是应该挑上啊,再来,如果我现在只挑了一个勾,那么我现在挑勾的是几个,总共的是几个,两个不一致,那么我是不是应该就把它的勾给灭掉啊,哎,以这样的这个原理啊,好,我们现在来看一看,嗯,Dollar input name X z,首先它的这个数量是什么呢?点咱们来个点。Leth,对吧,跟谁比呢?跟那leth先把它铺上啊,挑高的是什么冒号筛选条件什么,跟它比对不对啊。没错吧,好,我现在来试一试啊。
12:02
来看看啊,调高来看。好使吗?灭掉一个。好使吧,没有问题吧,也就是说啊,判断一下它如果是处说明什么呢。数量相等它是不是就是处啊,那数量不等它就是falses呗,是这样吧,好不会影响到它啊,它们分别是两组操作OK吧,行,这个就是咱们这个圈选啊。
我来说两句