这篇文章主要介绍了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>

最新资讯
亚马逊旗下初创企业Zoox获许在加州测试自动驾驶汽车

亚马逊旗下初创企业Zo

初创公司Zoox周五获得了加利福尼亚州当局的许可,可在没
iPhone 12Pro新配色渲染图 “红蓝CP”会不会出现呢?

iPhone 12Pro新配色渲

脑洞大开地根据新款Apple Watch制作了一张iPhone 12 P
无刘海版iPhone机模曝光 虽然外观很好看但不真实

无刘海版iPhone机模曝

网上又有网友发布消息,向大家展示了这款无刘海iPhone的
三星5nm工艺 高通骁龙875曝光:八核心三丛集架构

三星5nm工艺 高通骁龙

毫无疑问,这颗5nm处理器便是即将在年底登场的高通骁龙8
新业务密集发布 App矩阵扩充 滴滴“阵变”

新业务密集发布 App矩

据相关媒体报道,目前滴滴货运在成都、杭州等地市场份额
中国信通院预测 今年网络安全产业规模约1702亿

中国信通院预测 今年

我国网络安全产业规模呈现持续高速增长态势。2019年我
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,