在开发过程中,我们经常会遇到判断一个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中会提示无该方法。