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


Posted in Javascript onJune 20, 2014

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

<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>
Javascript 相关文章推荐
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
用JavaScript实现对话框的教程
Jun 04 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
详解webpack 入门与解析
Apr 09 Javascript
深入了解JavaScript词法作用域
Jul 29 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 #Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 #Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 #Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 #Javascript
对之前写的jquery分页做下升级
Jun 19 #Javascript
You might like
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
php 不同编码下的字符串长度区分
2009/09/26 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
[JS源码]超长文章自动分页(客户端版)
2007/01/09 Javascript
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
动态添加js事件实现代码
2009/03/12 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
jquery插件之文字间歇自动向上滚动效果代码
2016/02/25 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
大学生优秀团员事迹材料
2014/01/30 职场文书
中学生家长评语大全
2014/04/16 职场文书
融资租赁计划书
2014/04/29 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
党员带头倡议书
2015/04/29 职场文书
音乐之声观后感
2015/06/04 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android