【成效代码】—一.由此Jquery来拍卖复选框篮球

1

篮球 1

自个儿挺喜欢跑步的,大约是因为懒。因为跑步是1位的位移,不须求特邀对象,不须求尤其的武装,不须求一定的场馆,给自家一双鞋,挽初叶发,作者就足以起来。

完毕以下职能:

有个对象早就说过他不爱好跑步这项运动,太鄙俗、太孤独了,根本就不曾挪动的饱满。小编差不多就信了。

 
 一:选中第3个复选框,那么上边全部的复选框都当选,去除选中率先个复选框,下边包车型地铁都不选中

咱们每个人相应都以在小时候一代就接触到了跑步这一移动。小时候只感到很有趣,呼啊啦2个班几拾号人排成两队、三队,围着操场仿佛此跑啊,边跑边笑边闹的,欢声笑语几乎冲到天上去了。

   ②:当点击全选开关,上边足球.篮球.游泳.唱歌 全体入选

固然它已经陪伴大家很久,但自作者和大大多人一样,在中学的时候也会视800米跑的体育课考试如猛虎,恨不得杀之后快。

   3:当点击全不选按键,上边多少个全体撤除


   四:当点击反选按键,选中的变未有当选,未有入选变选中

2

 1     <script type="text/javascript" src="jquery-1.8.2.min.js"></script>   //这个是文件,每一次都要看这段代码有没有写
 2    </head>
 3     <body>
 4         <form method="post" action="" >
 5             请选择你的爱好!
 6             <br/>
 7             <input type="checkbox" id="checkAll_2"/>全选/全不选<br/>
 8             <input type="checkbox" name="items" value="足球"/>足球
 9             <input type="checkbox" name="items" value="篮球"/>篮球
10             <input type="checkbox" name="items" value="游泳"/>游泳
11             <input type="checkbox" name="items" value="唱歌"/>唱歌
12             <br/>
13             <input type="button" id="checkAll" value="全选"/>
14             <input type="button" id="checkNo" value="全不选"/>
15             <input type="button" id="checkRev" value="反选"/>           
16             <input type="button" id="send" value="提交"/>          
17         </form>
18         
19         <script type="text/javascript">   
20           //全选
21          $("#checkAll").click(function(){
22             $("input[name=items]").attr("checked","checked");  //$中代表选中在input标签的前提下name属性为items标签,attr代表添加属性
23          });
24         
25         //全不选
26          $("#checkNo").click(function(){
27             $("input[type=checkbox]").attr("checked",null); //$中代表选中在input前提下type为checkbox,把checked为null代表不选中
28          });
29         //反选
30         $("#checkRev").click(function(){
31             $("input[type=checkbox][name=items]").each(function(){ //也可以放多个属性,each这里代表迭代,迭代你选中的所有元素,因为这里满足条件的有四个
32               
33                if(this.checked){  //.checked可以用来判断该复选框是否被选中
34                   $(this).attr("checked",null);
35                }else{
36                  $(this).attr("checked","checked");
37                }   
38             });
39         });    
40         //全选/全不选
41         $("#checkAll_2").click(function(){
42            if(this.checked){  //这里代表如果选中,那么下面所有都选中
43               $("input[type=checkbox][name=items]").attr("checked","checked");
44            }else{
45            $("input[type=checkbox][name=items]").attr("checked",null);
46            }
47         });
48         </script>    
49   </body>

自笔者实在喜欢上跑步是在高级中学时代。

思考:3三行中的this.checked未有加$(),而3四行this为什么加$符号?

高级中学学习压力一点都不小,可是也丝毫不可能让笔者自制住躁动的心。晚自习下课后自身日常会和爱人去操场跑步,她是个好学生,战表好,又专平昔学,跑步是为着放松、操练,而小编却又是抱着别的的目标。当时自身对1个同年级的小青年很有钟情,发现他不时会在晚自修后去球馆和她爱人打篮球,所以每一天自个儿都很愿意在球场和他们遇到。借使本身朋友心境好,愿意多浪费一点时辰,笔者就会拉着他去和她俩玩一会篮球,这时候,小编内心便偷偷地乐开了花。

领会:假使是this这就象征它是个dom对象,而当你加上$(this)那就表达那便是一个Juery对象。

惋惜后来男士好像转学了,作者的激情也就自行消灭了,算起来好像话也没和他多说几句。可是那段时光的夜跑,却是我爱上跑步的起始。

而.checked是dom对象的法门,.attr是Juery对象的章程。全部当你现在当前指标急需用到dom对象方法就用this,要用Juery对象的艺术就用$(this)

篮球,高3了,小编学会壹位去跑步了。在此之前干什么都非得和同学、朋友结伴的习惯,也是此时慢慢改掉了。那时候操场上多数上学的小孩子在奔跑,倒也不感觉孤单无聊什么的,遇到同班,还会一齐跑,聊聊天什么的。甘休一天的上学,去操场跑壹跑,很轻巧。有时候小编会有意识狂奔一大段距离,弄得温馨上气不接下气,眼冒木星,头皮发麻,只认为到心脏在大幅度跳动,躺在草地上,流着汗,通透到底放空,认为轻巧非凡。然后,小编就稳步上瘾了。


3

本人喜是尊崇跑步的,但自个儿是以壹种很随便的点子对待。我不会商量跑步,不会上跑步论坛,不会和正规的人去沟通跑步,作者也不会有严酷的跑步陈设,小编恐惧那样会失掉它之于笔者的含义。

它更像是一个隐蔽的爱人,小编想让她出现的时候,他就会出现。假若太久未有想起她,还会有1种深深的愧疚感,就如对1个人老朋友的抱歉一样。

本人总以为,跑步还是要早上才好。尽管从天经地义的角度讲,上午才是最契合的。中医方面竟然还说了上午跑步对人体极为有毒,会让人丧失阳气。大概自己阳气相比多啊,总是要对着干。作者从一初叶,喜欢的正是夜跑。

夜间是一天结束之际,能够趁着奔跑能够捋捋一天的经验,跑步的时候任哪个人会变得相当的大方,能够很自由地包容全数,也易于回味那1个兴高采烈的时候,傻傻地笑出声。那便是二个能让人愉悦的历程,所以小编才会不厌其烦。


4

跑步绝不是一项孤独的位移。

和爱侣1块跑步的时候,越发不会觉获得里程的长短。聊着笑着,好几海里就那样过去了。丝毫不感到累,还有点意犹未尽。

一位跑步的时候,能够好好欣赏动圈耳机里的音乐、身旁的景点,和偶遇的闲人聊一聊,充满生趣。

作者越来越喜爱美观地看中午的景,从这一个都市华灯初上到霓虹炫彩,从夕阳西下到满天星斗,甚至是下着雨,也认为到罗曼蒂克。会想着原来一切都以这么井井有理,顺顺Lyly,有啥样说辞去抱怨那个世界呢,它是非常漂亮好的哎!

夜幕低垂的时候跑步,献身于夜灯之中,一切都来得朦朦胧胧,笔者得以放心大胆地窥见这几个都市的小秘密,作者还是能大大方方甩胳膊甩腿,不必在乎形象,夜晚的田地,是无一丝压力的。投身那样的境地中,会倍感一种不畏自身赤身裸体,也丝毫不会注意的安全感。


5

奉上几张夜跑之中的随手拍,还有大多找不到了。我道谢那三个夜跑时光,独处的、陪伴的,他们都让自家强大和开始展览。

瞩望余生继续相伴。

一连奔跑~