00:01
呃,那么接下来咱们看一看啊,这个修改是不是应该做一下呢?我点中一个,但他才能修改吗?那那我就点修改,我一点修改呢。它就肯定得跳到下个页面是吧,那下个页面你看他只他告诉我们下个页面是是叫u.R倍的点,哎HTML吧,那他不妨把这个先找一找,这个在哪呢?在界面原形找到这个system是这个吧,我们可以把它先打开看一下。就是说最终啊,它会跳到这,跳到这儿之后呢,大家想一想,这是应该是。比如说这是张三吧,这应该是不是显示出来了,这有啊,如果是银行就是银行,比如说你点的是这个。你点这个。这个吧,啊黄盖你点第二个一下去之后呢,这个就就这个就变成什么了,黄盖吧,然后这边密码显示,密码显示啊,然后如果是银行就银行啊,它是什么?外汇管理局,如果外汇管理局,这个外汇管理局是不是默认默认选中啊就是。
01:05
这就是跳转到修改页面,所以大家想一想,选中这个点这个修改,跳转到这个页面,其实并没有修改,点这个保存的时候才叫修改。是吧,所以那你看这这这。是不是有查询啊,就是查询一下,所以这个时候的话,你点这个修改诶有问题。哦,还有一个问题我们没说啊,漏了,我先把这个问题说一下吧,大家看啊,我现在啊没问题是吧,点完修改之后,我点点的是后退按钮。我点了后退之后,你看一下。那这个复选框是不是会保留啊。但是在这个。图片变成灰色了,这是怎么回事啊?什么原因啊,把这个问题先说一下吧,先不说这个啊,这个有点早了。
02:01
来,我把它关了,再重新来一下,嗯,大家听清楚啊,这个问题也是需要大家处理一下的,来再把它重新的部署一下啊,确保一下OK,把服务器启动,然后呢把它打开,打开之后呢,我们一起来看一看登录。然后这边的啊,这边的,然后呢。这个啊,我点中它能用了吧,过去了啊峰会。请问我后退的时候,在对于浏览器来说,复选框它是不是会保留保留选中状态呢?但是在你后退的时候会不会让整个页面重新加载啊,这个页面加载的时候呢,它会加载到这个标记,而你这个标记呢,是暴露在我们这个body里边的,上来就是个disable的,看见了吧。是吧,所以这个时候呢。我们点后退会发现这个呢就不能用了,但是这个框仍然是被选中的吧,怎么办呀?介绍一个事件句柄啊,这个事件句柄叫unload。
03:09
漏的这个事件什么时候发生?事件啊,什么时候发生啊,我讲你就记住就行了啊,什么时候发生是在整个网页加载什么完毕之后啊。漏的事件发生。漏的事件发生,漏的事件发生啊。注册在什么onload事件句柄中的JS代码会自动执行,也就是这里面代码什么时候执行啊。整个一遍加载完毕,明白吧,所以这个时候大家想一想,我是不是应该再调一下这个函数。
04:03
啊。这行了吧,页面加载完的时候再调这个函数啊,这个函数是不是还会统计数量啊,行,我再试试啊看行不行,来点右键啊刷新,然后呢,我点中其中一个,然后点修改是吧,然后我后退,大家看一看是不是没问题了。这个为什么没问题了,因为你后来回来之后呢,你这个地方又执行了这个函数啊,所以我给大家介绍一个事件啊,叫漏事件,希望大家能够记住,这个事件非常重要啊,是在页面加载完毕之后执行好,这边呢,我写上微密文件啊。删除图片和修改图片的联动啊,修改的是图片的什么src属性吗?好第二个第二个就是删除图片啊和修改图片的什么。
05:01
Disable的属性吧,Disable的属性啊,还有一个是什么,大家写上吧,Disabled等于true。表示什么?失效吧,失效disabled等于false,表示可用。其实我说一下啊,这个图片呢,它不用修改路径,其实我们用disabled也行。就是这个这个图片,它其实如果本身啊。听我说啊,就是这个东西,它其实不修改图片的路径也能达到这种效果,你只要设置disabled,它就变成灰色的,明白吧,实际这个图片路径可以可以可以不用图片路径啊,也行,剩下来自自己研究了啊,我就不说了,删除图片,修改图片的联动效果,修改图片的src属性啊。修改是图片的C属性,那disabled还有第三个就是什么呢?Onload啊或者load吧,Lo事件。
06:05
事件啊和onload事件句柄注册在onload。中的JS code啊或者代码,JS代码在整个网页加载完毕之后执行。行说这个来再来一个全选吧,全选啊和霉素全选和取消什么。全选吧,全选和取消全选行了,全选和取消全选啊。呃,咱们试一下做一下这个啊,咱们一起来看一看,这边呢,我刷新一下,大家看刷新啊好,我点中这个的时候,下边是不是全选,我再点是不是全部取消怎么办啊,这个这怎么做。
07:02
就是在这呢,给这个复选框给一个ID对吧,然后获取它的状态吧,是处的时候,咱们下边啪啪啪都给它打上勾是吧,如果它是first了。是吧,那咱们取消呗,就这么做吧,好一起来看一看,那你要想做就先找到这个,这个在序号的前面啊,所以找一下序号,序号这俩字在哪呢。序号应该是在这儿吧,上面前面有个这个是这个吧,行就这个啊来TD这是div上面的div,来把这div拿过来,拿过来之后呢,缩进一下这个啊,然后这个div呢,给它对齐,咱们其他地方不用管,现在这个呢,最起码给设置一下来。行,那这样的话,咱们这个input啊,这边呢,Type是check box就给个ID是不就行了,ID啊咱们的T。
08:07
哦哦。选论或取消所有行吧,咱们这个value好像不用给是吧,就这样好了,那咱们接下来啊。就在这写一个on click吧,啊叫check or cancel,好行,我就写这个函数啊,把这函数复制一下,那上面写一写,嗯,它选中所有或者取消选中所有。选中或取消吧,或取消所有啊,这边怎么写啊,Function吧,这个啊来这个函数我来测一下能不能执行好,Past弹一下好了,这边咱们一起来测一下,点右键刷新哎,点它。
09:06
是吧,刷新啊填。行吧,这么着啊,大家看这个能执行,能执行咱们怎么办啊这边。应该获取那个复选框是吧,这复选框怎么获取啊。这个吧,来我试试啊。document.get element by ID吧,ID谁啊?他们好拿到拿到了啊。
10:05
拿到之后呢,判断一下吧,Alert alert点什么check啊来。点数点是不是false if呢?如果这个条件成立呢?选中所有吧,选中所有alt取消所有,选中所有跟取消所有这块其实也好做啊,把谁拿过来呢。这个吧,是不是所有的负选框啊,拿过来,拿过来之后呢,咱们就选,选中所有的话负循环对不对,把负循环怎么写啊,I等于零,I小于对吧,那叫 yoco.LISI加加,那这边的话咱们统一都给它叫user Co下边为I点叫什么check吧,等于负呗,对吧,其他情况的话,那你就等于什么first吧,等于first好就这。
11:16
试一试啊,这边呢,选中是吧,取消是吧,选中取消你点它点它点它是不是这应该选中啊。是不是这应该选中啊。你现在不是选中三个吗?这该选中这个怎么做。你光说你这边选中这取消这这这这这行了是吧,你下边你你你你你咚咚咚。选上选上,你这应该选上啊。在这个试试啊,在这个函数上面吧,因为你现在点的是下边嘛,点下边上面你得联动嘛,那这样的话你得控制上面啊,所以这个时候的话,我得看一看什么。
12:05
抗的是吧。你这边怎么写呢?不等于三啊,等于三的话,你这个扩展力差了,等于page size。明白吧,嗯,来,如果什么这个T的count,它选中的数量是等于哪什么这个吧,啊take。是不是把下面这个选中这个吧,然后呢,让check or can or点什么check to else。
13:00
是不是得放?只要是不等于值的话就是负,试试看行不行,来我点点点。是吧,我点一个,哎,你看是吧,点点点点点点点随便点吗?是不都行啊着了啊。大概呢,就是这么一句实践就行了啊。嗯,其他的也没啥了啊,这边就这样了啊,删除的全选,取消全选。行了,就这几个啊,你想一想,现在这个做项目其实最主要不是Java的,你看变成啥了。GS呢?主要做加课,所以现在呢,咱们其实也应该好好锻炼一下啊,这个加课的编程能力了,其实这个还是比较重要啊。呃,行吧,这节课咱们就到这了啊,先休息了啊休息下。
我来说两句