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 相关文章推荐
js ondocumentready onmouseover onclick onmouseout 样式
Jul 22 Javascript
基于jquery的关于动态创建DOM元素的问题
Dec 24 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
js运动应用实例解析
Dec 28 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 Javascript
JS跨域请求外部服务器的资源
Feb 06 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
对vue v-if v-else-if v-else 的简单使用详解
Sep 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
php实现mysql数据库操作类分享
2014/02/14 PHP
destoon调用discuz论坛中带图片帖子的实现方法
2014/08/21 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
ES6 迭代器与可迭代对象的实现
2019/02/11 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
如何真正的了解python装饰器
2020/08/14 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
python IP地址转整数
2020/11/20 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
旅游管理毕业生自荐书
2014/02/02 职场文书
高中军训感言1000字
2014/03/01 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
《叶问2》观后感
2015/06/15 职场文书
Python OpenCV 彩色与灰度图像的转换实现
2021/06/05 Python
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS