从国足两平香江葡京国际娱乐下载,翻翻我们的足球文化

国足又平香江,基本失去了出线的想望。从02年进入世界杯决赛圈,04年乡里南美洲杯冠军之后,国足不再有其他值得骄傲的成绩。10多年里从未再进过十强赛,北美洲杯几次小组出局,到明日1:5输泰国,对香港一球未进等。这么些年唯一给我记念的,是二〇一〇年,东南亚四强赛3:0胜香港(Hong Kong),以及常规赛1:0胜高卢鸡。但是这么个别场次的高光表现实在是聊胜于无。

在采纳 Javascript 编写前台脚本的时候,日常会操作 Html 控件,比如
checkbox、radio、select,用 Jquery
库操作其他会有益于广大,下边用Jq对这些控件的操作举办一个周全的代码总括。

国足给球迷带来的失望,已经让很多看球的粉丝麻木了。本次,如故有众多看球的观众骂着球队,问候佩兰和蔡振华,不过这样的挫折,我们早就不以为奇了。国足连续这样输下去,可以预见,今后的某一天,球迷们面对惨案,只会呵呵一笑,转身离开。

一、Jquery 对 CheckBox 的操作:

这一次战败的原由,各大传媒早已将广大的锅甩在佩兰和蔡正华身上了。大家以小见大,简单翻翻我们的足球文化,看看足球,在大家国家,究竟是一种咋样的现状。

<input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox" />篮球
<input id="ckb2" name="ckb" checked="checked" value="1" type="checkbox" />排球
<input id="ckb3" name="ckb" disabled="disabled" value="2" type="checkbox" />乒乓球
<input id="ckb4" name="ckb" disabled="disabled" value="3" type="checkbox" />羽毛球

率先,我们来看足球的热度,我们国家有多少人在踢球,有几个人在看球,足球在我们内心,究竟是一个怎么着的地点。说到这一点,也许很四人都会觉得,咱们的足球热度是一对一的差,人家巴西英国西班牙等国家,大街小巷都是男女在踢球,足球如动感图腾般存在。就连日本这样的国度,足球氛围都远比大家好。那话说得没错。其实大家的足球球迷基础和足球的商贸地位并不曾设想中的这么差,何况大家还存有如此大的一个人口基数。俺们所紧缺的,是与足球关注度所匹配的足球出席度

1、查找控件:

俺们具备十足强大的足球看球的粉丝基础,很多数据都足以印证,比如恒大的亚冠决赛,一张票卖到3万9,比如02年世界杯,中国的那几场比赛超高的收看人数。显然,那样的看球的观众基础,在境内就是首先大球,至少和篮球齐足并驱。就算不如亚洲南美,但比起包括美利坚联邦合众国等对足球不倚重的国度,要高出很多。

(1) 拔取具有的 checkbox  控件:
基于input类型拔取: $(“input[type=checkbox]”)
  等同于文档中的 $(“input:checkbox”)
基于名称接纳:$(“input[name=ckb]”)

然而,大家历来没有够高的足球出席度。加入度,代表着民众中的氛围,孩子们、学生们的课余娱乐。我们看,不过大家不玩。我们的男女,在小的时候不会接触足球。上中学之后,我们初始运动,但更多玩的是篮球,不会打篮球的人,玩的是乒乓球羽毛球。不知情有稍许人上学时是和本人同一,好多少个篮篮球馆爆满人,各样抢场合,旁边的足篮球场空空如也,草坪上闲逛的人比踢足球的人多。与之同理,让我们疯狂的各个高校比赛,也几乎从未足球的身影。我理解CUBA,也清楚高中的学府间篮球联赛,但不知道其他高校足球专业的联赛。当然,我只表示自身自己的见识,也许我并不曾在足球热度高的学堂。但是,总体而言足球氛围不高,肯定是真情。

(2) 依照目录获取checkbox控件:
$(“input:checkbox:eq(1)”)  结果回到:<input id=”ckb2″
name=”ckb” value=”1″ type=”checkbox”
/><span>排球</span>

就是说一个十多亿人口的国度中但是关注的三个球之一,其空气之低,令人费解。足球氛围是一个深入形成的,是一代人的传统,是一个大环境所控制的。不管国家层面怎么去召唤,不能够广泛地改革足球氛围的大环境,和人们对踢足球的观念。很六人说的不易,中国足球太烂,于是大人不让孩子去踢,踢球的人越来越少,然后国足进而烂,形成一个死循环。想要让我们都从小先导踢足球,需要由老人们、孩子们学生们,大规模地,自发地增进足球氛围,需要学校、社会,通过各类手段,来指引迷津学员将足球作为主题课外娱乐项目,需要一代人,在主观认知里,摒弃足球不佳,不要让子女踢足球这多少个传统。立异大环境,这不仅仅不是不久能完成的,而且就中国脚下踢足球的条件来看,同时满意下边三点,几乎没有或者。唯一的可能,就是我们对看足球的热度挺高,因而需要公民将我们看足球的光热,转化到踢足球的热度上来。

(3) 拿到所有禁用的 checkbox 控件:
$(“input[type=checkbox]:disabled”)  结果再次来到:
<input id=”ckb3″ name=”ckb” disabled=”disabled” value=”2″
type=”checkbox” /><span>乒乓球</span>
<input id=”ckb4″ name=”ckb” disabled=”disabled” value=”3″
type=”checkbox” /><span>羽毛球</span> 

说完足球的光热,我们来谈谈足球的职业化。足球的职业化,比起足球的环境,是炎黄足球落后更为实际的一个缘故。

(4)获得所有启用的checkbox控件
$(“input:checkbox[disabled=false]”)
结果回到:
<input id=”ckb1″
name=”ckb” checked=”checked” value=”0″ type=”checkbox”
/><span>篮球</span>
<input id=”ckb2″
name=”ckb” checked=”checked” value=”1″ type=”checkbox”
/><span>排球</span> 

对此职业化最现实的讲演,就是一个人,从学生成为职业球员的路。亚洲的一些响当当俱乐部,都抱有和谐完备的青训营。一个北美洲球员,进入这样的青训营或足球高校,然后通过插足大大小小的竞技,进入各样档次的预备队,二线梯队,逐步地上升到正规的球队。

(5)得到所有checked的checkbox控件
$(“input:checkbox:checked”) 
结果重临:
<input id=”ckb1″
name=”ckb” checked=”checked” value=”0″ type=”checkbox”
/><span>篮球</span>
<input id=”ckb2″
name=”ckb” checked=”checked” value=”1″ type=”checkbox”
/><span>排球</span> 

中国的青训营,不论是在数量上,质料上,知名度上,都远远低于对应联赛应该的规模。中超联赛的剧烈只是明媒正娶球队自身的强烈,其身后不被关注的锻炼营,则一定贫瘠。有温馨青训营的球队并不多,只有恒大、鲁能、绿城等少数几家有些知名度。俱乐部在这上边的投入也不多。另外很多足球青训营,都是隶属于省队,而不是俱乐部,在青训营的市场化上相比较落后

(6)获取具有未checkd的checkbox控件
$(“input:checkbox:[checked=false]”) 
结果重返:
<input id=”ckb3″
name=”ckb” disabled=”disabled” value=”2″ type=”checkbox”
/><span>乒乓球</span>
<input id=”ckb4″
name=”ckb” disabled=”disabled” value=”3″ type=”checkbox”
/><span>羽毛球</span> 

南美洲的各青少年球员们,都是在青训营中,经过各种大大小的的竞技,摸滚带爬上来的。而大家根本就没有正规的年轻人足球联赛,这一点比起不少南美洲江山都不如。也许是没有更多市场化的青训俱乐部,青少年的足球竞赛大体都是先天协会的,青少年最要害的比赛仍然是全运会。没有联赛,就是去掉了足球中最重大的一环,难道想靠闭门造车来增进水平呢。

(7)获得value 为 0 的checkbox 控件
$(“input[type=checkbox][value=0]”)
结果回到:
<input id=”ckb1″ name=”ckb” checked=”checked” value=”0″
type=”checkbox” /><span>篮球</span>

与之同理,我们的学校足球也一定贫瘠。体教分离的直接是麻烦大家学校活动的一个要素,直接促成了高校的学童们成为职业球员的路难于登天。试想,我们的高校中有多少完整的足体育馆,高校有稍许足球方面的投入,我们的校内足球竞技又是一个怎样水平,校队又是一个如何的留存。一个好的空气可以确保有充分多的人踏足足球,但只有一个更好的对硬件、竞赛等各地点规模化的投入,才能确保更多的学童改为真正意义上的球员。

2、禁用:

就是一个十多亿人口的大国,咱们的挂号球员数量,某个传言的本子,才8千。其他版本最多也是有几万。比较一下,北美洲各国竟是扶桑都抱有几十万的多寡。在足球领域,中国终于有一会感受一把人口数量远远不够的感觉。

(1)禁用所有的checkbox控件:
$(“input:checkbox”).attr(“disabled”,
true)
 

一个国度足球的进步,需要一个经久不衰的过程,尤其是对此我们如此差的足球氛围。像比尔y时这样靠周密青年足球体制,在几年内突飞猛进的案例,并不吻合于中华。我们不光国家大,想要完善青年足球需要一定长、相当复杂的进程,而且对足球出席度的放下,高校足球的氛围,需要很长一段时间才可能改动。最终仍然这句惊讶,等我四五十岁的时候,不知能否见到国足下五遍进入世界杯。

(2)启用某些禁用的 checkbox 控件:
$(“input:checkbox:disabled”).attr(“disabled”,
false);
 

(3)判断value=0的checkbox是否禁用:
    if
($(“input[name=ckb][value=0]”).attr(“disabled”) == true)
{

         
alert(“不可用”);

   
}

   else
{

       
 alert(“可用”);

   
}

3、选择: 

(1)全选:
$(“input:checkbox”).attr(“checked”,
true);

(2)全不选:
$(“input:checkbox”).attr(“checked”,
false);
 

(3)反选:
   $(“input:checkbox”).each(function ()
{

      if ($(this).attr(“checked”)) {
       
//$(this).removeAttr(“checked”);

        $(this).attr(“checked”,
false);

     }
     else {
       $(this).attr(“checked”,true);
    }
 
});

4、取值:   

  function GetCkboxValues() {
    var str=””;
 
 $(“input:checkbox:checked”).each(function () {

     switch ($(this).val()) {
      case “0”:
             str += “篮球,”;
             break;
     case “1”:
             str += “排球,”;
      break;
     case “2”:
             str += “乒乓球,”;
             break;
     case “3”:
            str += “羽毛球,”;
            break;
     }
   });
   str=str.substring(0, str.length –
1)

 
}

二、Jquery 对 Radio 的操作:

<input name="edu" value="0" type="radio" checked="checked" />专科
<input name="edu" value="1" type="radio" />本科
<input name="edu" value="2" type="radio" disabled="disabled" />研究生
<input name="edu" value="3" type="radio" disabled="disabled"/>博士生

  1、查找控件:

(1)采取具有的 Radio控件
//依据input类型拔取
$(“input[type=radio]”)
 //等同于文档中的 $(“input:radio”)

//按照名称选用
$(“input[name=edu]”)

(2)按照目录拿到 Radio控件
$(“input:radio:eq(1)”)
结果重临:<input
name=”edu” value=”1″ type=”radio”
/><span>本科</span>

(3)拿到所有禁用的 Radio 控件
$(“input:radio:disabled”)
结果回到:
<input name=”edu”
value=”2″ type=”radio” disabled=”disabled”
/><span>研究生</span>
<input name=”edu”
value=”3″ type=”radio”
disabled=”disabled”/><span>博士生</span>

(4)拿到所有启用的 Radio 控件
$(“input:radio[disabled=false]”)
结果重回:
<input name=”edu”
value=”0″ type=”radio” checked=”checked”
/><span>专科</span>
<input name=”edu”
value=”1″ type=”radio”
/><span>本科</span>

(4)获得checked的 RadioButton 控件
$(“input:radio:checked”) //等同于
$(“input[type=radio][checked]”)

结果回到:
<input name=”edu”
value=”0″ type=”radio” checked=”checked”
/><span>专科</span>

(5)获取未checked的 RadioButton 控件
$(“input:radio[checked=false]”).attr(“disabled”,
true);

结果重返:
<input name=”edu”
value=”1″ type=”radio” /><span>本科</span>
<input name=”edu”
value=”2″ type=”radio” disabled=”disabled”
/><span>研究生</span>
<input name=”edu”
value=”3″ type=”radio”
disabled=”disabled”/><span>博士生</span>

(6)获得value 为 0 RadioButton 控件
$(“input[type=radio][value=0]”)
结果重临:<input
name=”edu” value=”0″ type=”radio” checked=”checked”
/><span>专科</span>

2、禁用: 

(1)禁用所有的Radio
$(“input:radio”).attr(“disabled”,
true);

或者
$(“input[name=edu]葡京国际娱乐下载,”).attr(“disabled”, true);
 

(2)禁用索引为1的Radio控件
$(“input:radio:eq(1)”).attr(“disabled”,
true);
 

(3)启用禁用的Radio控件
$(“input:radio:disabled”).attr(“disabled”,
false);
 

(4)禁用当前早已启用的Radio控件
$(“input:radio[disabled=false]”).attr(“disabled”,
true);
 

(5)禁用 checked 的RadioButton控件
$(“input[type=radio][checked]”).attr(“disabled”,
true);
 

(6)禁用未checked 的RadioButton控件
$(“input:[type=radio][checked=false]”).attr(“disabled”,
true);
 

(7)禁用value=0 的RadioButton
$(“input[type=radio][value=0]”).attr(“disabled”,
true);
 

3、取值:

$(“input:radio:checked”).val()

4、选择:

(1)判断value=1
的radio控件是否选中,未入选则当选:
  var v =
$(“input:radio[value=1]”).attr(“checked”);
  if (!v)
{
 
$(“input:radio[value=1]”).attr(“checked”, true);
 

(2)转换成Dom元素数组来开展支配选中:
$(“input:radio[name=edu]”).get(1).checked
= true;

三、Jquery 对 Select 操作

葡京国际娱乐下载 1

<select id="cmbxGame">
   <option value="0" selected="selected">黑猫警长</option>
   <option value="1" disabled="disabled">大头儿子</option>
   <option value="2">熊出没</option>
   <option value="3">喜羊羊</option>
</select>

葡京国际娱乐下载 2

 1、禁用:

(1)禁用select 控件
$(“select”).attr(“disabled”,
true);

(2)禁用select中所有option
$(“select
option”).attr(“disabled”, true);

(3)禁用value=2 的option
$(“select
option[value=2]”).attr(“disabled”, true);

(4)启用被剥夺的option
$(“select
option:disabled”).attr(“disabled”, false);

2、选择:

(1)option 值为 2 的被挑选:
  var v =
$(“select option[value=2]”).attr(“selected”);

  if (!v) {
  $(“select
option[value=2]”).attr(“selected”, true);
  }

(2) 索引为 2 的option 项 被选择
$(“select”)[0].selectedIndex
= 2;

或者
$(“select”).get(0).selectedIndex = 2; 

或者 $(“select
option[index=2]”).attr(“selected”,
true);

3、获取采纳项的目录: 

(1)获取选中项索引: jq 中的 get 函数是将jq对象转换成了dom元素
 var
selectIndex = $(“select”).get(0).selectedIndex;

或者 var
selectIndex = $(“select
option:selected”).attr(“index”);

(2)获取最大项的目录:
var maxIndex =
$(“select option:last”).attr(“index”)

或者  var maxIndex =
$(“select option”).length – 1

4、删除select 控件中的option 

(1)清空所有option
$(“select
option”).empty();
 

(2)删除 value=2 的option
$(“select
option[value=2]”).remove();
 

(3)删除第一个option
$(“select
option[index=0]”).remove();
 

(4)删除 text=”熊出没” 的option
$(“select
option[text=熊出没]”).remove();
 //此方法某些浏览器不援助用上边的法门替代

专注:each 中不能够用break
用return false 代替,continue 用 return true 代替
$(“select
option”).each(function () {

  if ($(this).text() ==
“熊出没”) {

  $(this).remove();
  return false;
  }

});

5、在select中插入option 

(1)在首职位插入 option 并接纳
$(“select”).prepend(“<option
value=’0′>请选择</option>”);

$(“select
option[index=0]”).attr(“selected”, true);
 

(2)在尾地方插入 option 并精选
$(“select”).append(“<option
value=\”5\”>哪吒闹海</option>”);

var maxIndex =
$(“select option:last”).attr(“index”)

$(“select
option[index=” + maxIndex + “]”).attr(“selected”,
true);
 

(3)在稳住地点插入 比如第一个option 项之后插入 新的option 并选拔
$(“<option
value=\”5\”>哪吒闹海</option>”).insertAfter(“select
option[index=0]”);

或者$(“select
option[index=0]”).after(“<option
value=\”5\”>哪吒闹海</option>”);


$(“select option[index=1]”).attr(“selected”,
true);

6、取值:

  function GetCbxSelected() {
    var v
= $(“select option:selected”).val();

    var t
= $(“select option:selected”).text();

   
alert(“值:” + v + “文本:” + t);

}

–=源码下载=–