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>

赞 (0)

相关推荐

  • jQuery学习笔记 操作jQuery对象 属性处理

    元素的属性处理 方法 描述 attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,-,nameN:valueN}) 获取某个属性的取值,或可以用于设置某个属性的值.还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明).也可以一次性给同一元素多个属性 removeAttr(name) 删除某个

  • jQuery .attr()和.removeAttr()方法操作元素属性示例

    今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取,添加,修改,删除元素的属性.大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个(某些)属性的属性值.那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现: 1 .attr():jQuery中的.attr()方法让你能轻松的读取,增加或修改一个元素的属性(详情参考.attr(

  • defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx，操作被中止”错误的解决方法

    defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx，操作被中止”错误的解决方法

    在一个aspx页面中使用了JQuery,但当IE6浏览器打开这个页面的时候会报"Internet Explorer cannot open the Internet site http://localhost:9001/Index.aspx. Operation aborted"的错误,然后就不能正常浏览此页面.如果使用IE7或者IE8就没有此问题. 将所有的js脚本都使用"<!-- -->"标记注释掉(这样虽然会导致问题,但至少可以浏览此页面).逐个检

  • jquery根据属性和index来查找属性值并操作

    <div class="zy_menu clearfix"> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" re

  • jQuery学习3：操作元素属性和特性

    先看一个例子: 复制代码 代码如下: <a id="easy" href="#">http://www.jb51.net</a>现在要得到a标签的属性id.有如下方法: 复制代码 代码如下: jQuery("#easy").click(function() {     alert(document.getElementById("easy").id); //1     alert(this.id); /

  • jquery中添加属性和删除属性

    jquery中添加属性和删除属性: 复制代码 代码如下: $("#2args").attr("disabled",'disabled'); $("#2args").removeAttr("disabled"); 问题背景: 选择"选项1"是,"两个参数"这个单选按钮有效. 选择"选项2"时,让"两个参数"的这个单选按钮无效. 代码: <!DO

  • JQuery对class属性的操作实现按钮开关效果

    在本文中用JQuery对class属性的操作方法实现页面中的按钮开关效果. 首先定义两个class: 复制代码 代码如下: .controlOff{ display:inline-block; width:130px; height:36px; cursor:pointer; background-image:url("../iclass/images/teach_off.png"); background-repeat: no-repeat; } .controlOn{ displa

  • 从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt="

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

    下边两种写法没有任何区别 只是少了些代码而已... 复制代码 代码如下: <input id="cb1" type="checkbox" checked /> <input id="cb2" type="checkbox" checked="checked" /> jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked'):   //看版本1.

  • jQuery去掉字符串起始和结尾的空格(多种方法实现)

    去掉字符串起始和结尾的空格. jQuery 代码: 复制代码 代码如下: $.trim(" hello, how are you? "); jquery 循环读取checkbox值 复制代码 代码如下: 复制代码 代码如下: $("input[type=checkbox][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); }); $("#A").v

  • jQuery操作attr、prop、val()/text()/html()、class属性

    1.1 arr操作   设置单个属性 // 第一个参数:需要设置的属性名 // 第二个参数:对应的属性值 // $obj.attr(name, value); // 用法举例. $('img').attr('alt','不错哦');   获取属性 // 传需要获取的属性名称,返回对应的属性值 // $obj.attr(name) // 用法举例 var oTitle = $('img').attr('title'); alert(oTitle);   移除属性 // 参数:需要移除的属性名, /

  • 使用jQuery设置disabled属性与移除disabled属性

    表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是

  • JQuery操作与遍历元素并设置其属性、样式和内容

    目录 一.操作属性 二.操作样式 三.操作元素内容 四.创建和添加元素 五.删除元素 六.遍历元素 一.操作属性 属性分类 固有属性 href.src..... 共有属性 id,class,name...... 自定义属性 abc= '1234' 操作属性的方法 区别 1.prop不能操作自定义属性 2.prop获取Boolean类型的属性是 true/false 获取属性值 attr(属性名称) 操作 checkbox 时, 获取指定的属性值,选中返回 checked,没有选中返回 undef

  • js和jquery设置disabled属性为true使按钮失效

    设置disabled属性为true即为不可用状态. JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html <input type="button" value="提交" id="btn">

  • jQuery操作属性和样式详解

    jQuery操作属性和样式详解

    • 区分 DOM 属性和元素属性 <img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" /> 通常开发人员习惯将id,src,alt等叫做这个元素的"属性".我们将其称为"元素属性".但是在解析成 DOM 对象时,实际浏览器最后会将标签元素解析成"DOM 对象",

  • 用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用,可以使用如下代码 <input type='button' id='test' value='disabled'> 在jquery中可以使用attr()函数修改按钮的disable属性 $("#test").attr('disabled',false); jquery 控制button的disabled属性 复制代码 代码如下: $('#button').attr('disabled',"true");添加disabled

  • jQuery 操作 HTML 元素和属性的方法

    jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容:  text().html() 以及 val()方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test JQuery&l

  • Jquery设置attr的disabled属性控制某行显示或者隐藏

    设置attr的disabled属性可以控制某行显示或者隐藏 //加载费用项目下拉框 function loadChargeItemsSelect(status){ $("#settlementDetailInfo").find("tr[trflag=trflag]").each( function(){ $(this).children().eq(2).html($("#chargeItemsDiv").html()); var eachChar

随机推荐