多语言展示
当前在线:1212今日阅读:60今日分享:41

使用jquery判断及改变checkbox选中状态

在开发过程中,我们经常会遇到判断一个checkbox,是否为选中状态;以及通过js来改变checbox的选中状态。下面介绍使用jquery来判断及改变checkbox选中状态。
工具/原料

jQuery核心js

方法/步骤
1

使用JQuery判断一个checkbox 是否为选中。$('input[type='checkbox']').is(':checked');选中为true,未选中为false

2

使用attr方法进行checkbox状态的改变。选中:$('input[type='checkbox']').attr('checked',true);取消选中:$('input[type='checkbox']').attr('checked',false);

3

但是有时使用attr操作,虽然属性值改变了,但是页面上的checkbox并没有选中。

4

在这种情况下,建议使用prop方法来操作改变checkbox选中状态。选中:$('input[type='checkbox']').prop('checked',true);取消选中:$('input[type='checkbox']').prop('checked',false);

5

使用Jquery获取checkbox的值,在没有给value值的情况下,获取的值为'on'。

6

使用Jquery获取checkbox的值,给value值的情况下,获取的值是value值。

注意事项

使用attr改变checkbox状态,有时不起作用,但使用prop的方法,在低版本的jquery中会提示无该方法。

推荐信息