jQuery1.9.1针对checkbox的调整方法(prop)

172 阅读 0 评论 114 点赞

我是靠谱客的博主殷勤外套，最近开发中收集的这篇文章主要介绍jQuery1.9.1针对checkbox的调整方法(prop)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在jquery 1.8.x中的版本，我们对于checkbox的选中与不选中操作如下：

判断是否选中

复制代码代码如下:

$('#checkbox').prop('checked')

设置选中与不选中状态：

复制代码代码如下:

$('#checkbox').attr('checked',true)
$('#checkbox').attr('checked',false)

但此方法在jquery1.9.1中，有些处理不一样

IE10，Chrome,FF中，对于选中状态，第一次$('#checkbox').attr('checked',true)可以实现
但是当通过代码清除选中，下次再通过代码 $('#checkbox').attr('checked',true) 去选中时
虽然代码中有checked='checked',但是画面表现都没有打勾。
IE8，IE6下无此问题。

后来调查了相关的资料，发现现在attr('checked',true)都换成prop('checked',true)