在开发过程中,我们经常会遇到判断一个checkbox,是否为选中状态;以及通过js来改变checbox的选中状态。下面介绍使用jquery来判断及改变checkbox选中状态。
工具/原料
jQuery核心js
方法/步骤
1、使用JQuery判断一个checkbox是否为选中。$("input[type='checkbox']").is(':checked');选中为true,未选中为false
2、使用attr方法进行checkbox状态的改变。选中:$("input[type=补朱锚卦39;c茑霁酌绡heckbox']").attr("checked",true);取消选中:$("input[type='checkbox']").attr("checked",false);
3、但是有时使用attr操作,虽然属性值改变了,但是页面上的checkbox并没有选中。
4、在这种情况下,建议使用prop方法来操作改变checkbox选中状态。选中:$(&孥恶膈茯quot;input[type='chec娱浣嫁装kbox']").prop("checked",true);取消选中:$("input[type='checkbox']").prop("checked",false);
5、使用Jquery获取checkbox的值,在没有给value值的情况下,获取的值为"on"。
6、使用Jquery获取checkbox的值,给value值的情况下,获取的值是value值。