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 xml为数据源的下拉框控件
Jul 07 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
jquery制作弹窗提示窗口代码分享
Mar 02 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
基于jQuery实现表格内容的筛选功能
Aug 21 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
浅述Javascript的外部对象
Dec 07 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
实现高性能javascript的注意事项
May 27 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
ES6箭头函数和扩展实例分析
May 23 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
php zend 相对路径问题
2009/01/12 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
php compact 通过变量创建数组
2016/11/15 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
PHP使用curl_multi_select解决curl_multi网页假死问题的方法
2018/08/15 PHP
jquery表单验证框架提供的身份证验证方法(示例代码)
2013/12/27 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
python PIL模块与随机生成中文验证码
2016/02/27 Python
OpenCV实现人脸识别
2017/04/07 Python
python3写爬取B站视频弹幕功能
2017/12/22 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
python reverse反转部分数组的实例
2018/12/13 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
Django 自动生成api接口文档教程
2019/11/19 Python
实现Python与STM32通信方式
2019/12/18 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
见习期自我鉴定
2013/11/07 职场文书
创建文明学校实施方案
2014/03/11 职场文书
继承公证书样本
2014/04/04 职场文书
法律系毕业生求职信
2014/05/28 职场文书
地震慰问信
2015/02/14 职场文书
工程服务质量承诺书
2015/04/29 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
《少年闰土》教学反思
2016/02/18 职场文书
python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
2021/04/14 Python
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript