失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 复选框选中状态html javascript中如何判断checkbox是否选中?

复选框选中状态html javascript中如何判断checkbox是否选中?

时间:2020-10-05 05:56:11

相关推荐

复选框选中状态html javascript中如何判断checkbox是否选中?

javascript判断checkbox是否选中的方法:1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。

对于在js中来判断checkbox是否被选中很简单,示例如下:

1、直接通过checkbox的checked属性判断。

HTML代码:

相应的javascript代码如下:var check = document.getElementsByTagName('input')[0];

console.log(check.checked);//false

因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置:

2、JavaScript调用jQuery判断checkbox是否被选中

(1)、JQ1.6版本之前(不包括1.6版本)判断checkbox是否被选中用的是attr()方法,HTML代码与上面相同,只放JQ代码:console.log($("input[type='checkbox']").attr('checked'));//false

(2)、JQ1.6版本之后Jquery中新引入了prop()方法,此时再用attr()方法判断checkbox的状态则会返回undefined,若有设置checked属性为true,则会返回checked而不是true

1.6+版本prop()方法:console.log($("input[type='checkbox']").prop('checked'));//false

(3)、除了以上两种方法JQ中还有一个is()方法同样可以判断checkbox的状态

is()方法代码如下:console.log($("input[type='checkbox']").is(':checked'));//false

如果觉得《复选框选中状态html javascript中如何判断checkbox是否选中?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。