脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery操作checked属性的多种方法

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

 更新时间：2014年06月20日 09:11:55   投稿：junjie  
这篇文章主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下

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

复制代码 代码如下:

<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>

您可能感兴趣的文章:

相关文章

  • 浅析jQuery 遍历函数，javascript中的each遍历

    浅析jQuery 遍历函数，javascript中的each遍历

    下面小编就为大家带来一篇浅析jQuery 遍历函数，javascript中的each遍历。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery+CSS实现滑动的标签分栏切换效果

    jQuery+CSS实现滑动的标签分栏切换效果

    这篇文章主要介绍了jQuery实现滑动的标签分栏切换效果，具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • JQ实现新浪游戏首页幻灯片

    JQ实现新浪游戏首页幻灯片

    这篇文章主要介绍了JQ实现新浪游戏首页幻灯片,需要的朋友可以参考下
    2015-07-07
  • 初窥JQuery(二) 事件机制(1)

    初窥JQuery(二) 事件机制(1)

    JQuery的事件处理机制在JQuery框架中起着重要的左右，它就像电视机的开关，我们打开电视机的开关才能看到各个电视台精彩的节目，那么我们使用JQuery的事件处理机制就可以创造我们自定义的行为，比如说提交、改变样式、效果显示等等，使我们的网页更加丰富。
    2010-11-11
  • jQuery实现点击旋转，再点击恢复初始状态动画效果示例

    jQuery实现点击旋转，再点击恢复初始状态动画效果示例

    这篇文章主要介绍了jQuery实现点击旋转，再点击恢复初始状态动画效果,结合实例形式分析了jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-12-12
  • SuperSlide标签切换、焦点图多种组合插件

    SuperSlide标签切换、焦点图多种组合插件

    SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核(包括无敌的 ie6)、webkit内核、ff、opera等主流浏览器）。
    2015-03-03
  • jQuery实现的网页竖向菜单效果代码

    jQuery实现的网页竖向菜单效果代码

    这篇文章主要介绍了jQuery实现的网页竖向菜单效果代码,涉及jquery控制页面元素简单折叠与展开功能,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • jQuery中事件对象e的事件冒泡用法示例介绍

    jQuery中事件对象e的事件冒泡用法示例介绍

    这篇文章主要介绍了jQuery中事件对象e的事件冒泡用法,需要的朋友可以参考下
    2014-04-04
  • 基于jquery实现页面滚动时顶部导航显示隐藏

    基于jquery实现页面滚动时顶部导航显示隐藏

    这篇文章主要介绍了基于jquery实现页面滚动时顶部导航显示隐藏效果，当页面向下滚动的时候，导航菜单动态隐藏，页面滚动到顶部时，导航菜单动态显示，淘宝也采用过此效果，感兴趣的小伙伴们可以参考一下
    2015-11-11
  • DIV+CSS+jQ实现省市联动可扩展

    DIV+CSS+jQ实现省市联动可扩展

    这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06

最新评论