当前位置: 首页 > 编程笔记 >

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

李辉
2023-03-14
本文向大家介绍jquery操作checked属性以及disabled属性的多种方法,包括了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>

 类似资料:
  • 本主题中的某些内容可能不适用于某些语言。 如果“Office 助手”气球中的指定复选框被选中,则返回True。Boolean 类型,可读写。 示例 本示例创建一个带标题、文字和三个区域选项的气球。当用户单击该气球中的“确定”按钮时,就会打印出所选区域中的数据。 With Assistant.NewBalloon .Heading = "Regional Sales Data" .Text =

  • 本文向大家介绍jquery attr方法获取input的checked属性问题,包括了jquery attr方法获取input的checked属性问题的使用技巧和注意事项,需要的朋友参考一下 问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的

  • 属性操作 HTML 属性与 DOM 属性的对应 每个 HTML 属性都会对应相应的 DOM 对象属性。 <div> <label for="username">User Name: </label> <input type="input" name="username" class="text" value=""> </div> input.id; // 'username

  • HTML 元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。 <a href="http://www.example.com"> 链接 </a> 上面代码中,a元素包括两个属性:id属性和href属性。 属性本身是一个对象(Attr对象),但是实际上,这个对象极少使用。一般都是通过元素节点对象(HTMlElement对象)来操作属性。本章介绍如何操作这些属性。 E

  • 本文向大家介绍基于Cookie常用操作以及属性介绍,包括了基于Cookie常用操作以及属性介绍的使用技巧和注意事项,需要的朋友参考一下 概述 最近项目要用到cookie存储部分用户信息;研究了一下做一下分享 Cookie 是服务器保存在浏览器的一小段文本信息,每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求,就会自动附上这段信息。 设置cookie存储 注意 设置cooki

  • 本文向大家介绍jquery根据属性和index来查找属性值并操作,包括了jquery根据属性和index来查找属性值并操作的使用技巧和注意事项,需要的朋友参考一下