jquery操作checked属性以及disabled属性的多种方法

  下边两种写法没有任何区别 只是少了些代码而已...

  

复制代码 代码如下:

  <input id="cb1" type="checkbox" checked />

  <input id="cb2" type="checkbox" checked="checked" />

  jquery判断checked的三种方法:

  

复制代码 代码如下:

  .attr('checked'):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false

  .prop('checked'): //16+:true/false

  .is(':checked'):    //所有版本:true/false//别忘记冒号哦

  jquery赋值checked的几种写法:

  所有的jquery版本都可以这样赋值:

  

复制代码 代码如下:

  $("#cb1").attr("checked","checked");

  $("#cb1").attr("checked",true);

  jquery1.6+:prop的4种赋值:

  

复制代码 代码如下:

  $("#cb1").prop("checked",true);    //很简单就不说了哦

  $("#cb1").prop({checked:true});    //map键值对

  $("#cb1").prop("checked",function(){

  return true;    //函数返回true或false

  });

  $("#cb1").prop("checked","checked");

  更多参考:http://api.jquery.com/prop/

  

复制代码 代码如下:

  <html>

  <head>

  <title>测试</title>

  <style type="text/css">

  </style>

  <!--1.62可以修改1.42  1.52  1.7来测试-->

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

  <script type="text/javascript">

  $(function(){

  //判断checked

       //    var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false

       //    var b=$("#cb1").prop('checked'); //1.6+:true/false

       var c=$("#cb1").is(':checked');  //所有版本:true/false

       //    alert(a);

       //    alert(b);

  alert(c);

  //赋值   前两个所有的jquery版本都支持 prop只有jquery1.6+支持

       //    $("#cb1").attr("checked","checked");//1.5-

       //    $("#cb1").attr("checked",true);//1.5-

       //   $("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)

       //    $("#cb1").prop("checked",true);//1.6+

       //    $("#cb1").prop({checked:true});//1.6+

      //    $("#cb1").prop("checked",function(){

       //        return  true;//1.6+

       //    });

  })();

  </script>

  </head>

  <body>

  <!--赋值的时候记得去掉checked-->

  <input id="cb1" type="checkbox" checked />

  <input id="cb2" type="checkbox" checked="checked"/>

  </body>

  </html>