1、JS中判断checkbox是否被选中
对于在js中来判断checkbox是否被选中很简单,举个例子来说
HTML代码:
1 | <input type="checkbox" name="box"> |
相应的javascript代码如下:
1 | var check = document.getElementsByTagName('input')[0]; |
因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置:
1 | <input type="checkbox" name="box" checked="true"> |
2、JQ中判断checkbox是否被选中
(1)、JQ1.6版本之前(不包括1.6版本)判断checkbox是否被选中用的是attr()方法,HTML代码与上面相同,只放JQ代码:
1 | console.log($("input[type='checkbox']").attr('checked'));//false |
不要想着在JQ1.6版本之前使用prop()方法,只会报出$().prop()is not a function的错误
(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 |
要特别注意不要漏巧”:disabled”中的”:”