javascript中如何判断checkbox是否选中？有大用

星期四, 2021-11-11 21:45 — adminshiping1

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

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

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

HTML代码：

1	`<input` `type="checkbox"` `name="box">`

相应的javascript代码如下：

1 2	`var` `check = document.getElementsByTagName('input')[0];` `console.log(check.checked);//false`

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

1	`<input` `type="checkbox"` `name="box"` `checked="true">`

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

(1)、JQ1.6版本之前（不包括1.6版本）判断checkbox是否被选中用的是attr()方法，HTML代码与上面相同，只放JQ代码：

1	`console.log($("input[type='checkbox']").attr('checked'));//false`

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

1.6+版本prop()方法：

1	`console.log($("input[type='checkbox']").prop('checked'));//false`

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

is()方法代码如下：

1	`console.log($("input[type='checkbox']").is(':checked'));//false`

以上就是javascript中如何判断checkbox是否选中？的详细内容，更多请关注html中文网其它相关文章！

普通分类:

You are here