html复选框判断是否选中,html中用jQuery判断复选框是否选中(示例代码)

假设我们现在需要这样的场景：页面上有一个checkbox，我们期望通过Jquery来获得它是否选中，或者通过Jquery来让它被选中。

在JQ1.6之前的版本，我们会这样写我们的代码：

代码如下:

//获取是否选中

var isChecked = $(‘#cb‘).attr(‘checked‘);

//设置选中

$(‘#cb‘).attr(‘checked‘,true);

这样写在JQ1.6之前完全没问题，可是当我们升级JQ1.6到更高的版本时，问题就来了，此时我们会发现：

$(‘#cb‘).attr(‘checked‘); 返回的是checked或者是undefined，不是原来的true和false了。

并且checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。所以如果checkbox一开始是选中的，那么返回的是checked，如果一开始没被选中，则返回的是undefined。

解决的方法是：

代码如下:

//获取是否选中

var isChecked = $(‘#cb‘).prop(‘checked‘);

//或

var isChecked = $(‘#cb‘).is(":checked");

//设置选中

$(‘#cb‘).prop(‘checked‘,true);

分析了其中的原因，可以这样理解：

它将“属性”与“特性”做了区别，属性指的是“name，id”等等，特性指的是“selectedIndex, tagName, nodeName”等等。

JQ1.6之后，可以通过attr方法去获得属性，通过prop方法去获得特性

代码如下:

$("#cb").attr("tagName"); //undefined

$("#cb").prop("tagName"); //INPUT

html复选框判断是否选中,html中用jQuery判断复选框是否选中(示例代码)相关推荐

java正则判断日期格式_Java中用正则表达式判断日期格式是否正确
1.Java中用正则表达式判断日期格式是否正确 DateType.java: /** * @Title:DateType.java * @Package:com.you.dao * @Descript ...
html判断是否有父节点,Jquery判断$(#id)获取的对象是否存在的方法
一.判断对象对象是否存在如果是下面的 jquery 代码判断一个对象是否存在,是不能用的复制代码代码如下: if($("#id")){ }else{} 因为 $(" ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...
这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuer ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
jquery判断复选框选中状态以及区分attr和prop
这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取 ...
jQuery: 判断checkbox复选框是否被选中
本文介绍如何用jQuery获取checkbox复选框选中状态,或验证是否选中或取消选中复选框. jQuery: 判断checkbox复选框是否被选中这里我们使用jQuery .is()方法和匹配的c ...
php选框判断,jquery判断复选框是否被选中
不久前总结了一下关于 javascript 如何判断复选框是否选中的问题,由于最近使用 Jquery 比较多,于是乎又想把 jquery 判断复选框是否选中以及如何选中的问题也做一下总结. 进入正题, ...
jQuery 判断复选框是否被选中
jQuery 判断复选框(checkbox)是否被选中,请阅读我的原创文章<jQuery attr()与prop()>,文章中的 prop() 方法介绍中有详细的说明和源码示例. 判断方法 ...

html复选框判断是否选中,html中用jQuery判断复选框是否选中(示例代码)

html复选框判断是否选中,html中用jQuery判断复选框是否选中(示例代码)相关推荐

最新文章

热门文章