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 相关文章推荐
JQuery 写的个性导航菜单
Dec 24 Javascript
jquery键盘事件介绍
Jan 31 Javascript
js使用循环清空某个div中的input标签值
Sep 29 Javascript
javascript实现获取字符串hash值
May 10 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
VSCode搭建Vue项目的方法
Apr 30 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
如何理解Vue简单状态管理之store模式
May 15 Vue.js
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
PHP原理之异常机制深入分析
2010/08/08 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
javascript demo 基本技巧
2009/12/18 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
微信小程序如何获知用户运行小程序的场景教程
2017/05/17 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
将Emacs打造成强大的Python代码编辑工具
2015/11/20 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
python右对齐的实例方法
2020/07/05 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
加拿大时装零售商:Influence U
2018/12/22 全球购物
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
会计系个人求职信范文分享
2013/12/20 职场文书
大学生期末自我鉴定
2014/02/01 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
座谈会主持词
2014/03/20 职场文书
酒店优秀员工事迹材料
2014/06/02 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
党员转正党支部意见
2015/06/02 职场文书