jquery操作checked属性以及disabled属性的多种方法
这篇文章主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下
下边两种写法没有任何区别 只是少了些代码而已...
复制代码 代码如下:

<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");
更多参考:api.jquery/prop/
复制代码 代码如下:

<html>
    <head>
        <title>测试</title>
        <style type="text/css">
        </style>
       
        <script type="text/javascript" src="leapis/ajax/libs/jquery/1.6.2/jquery.min.js"></script>jquery的attr属性
        <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>
       
    <input id="cb1" type="checkbox" checked />
    <input id="cb2" type="checkbox" checked="checked"/>
    </body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。