养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-09 04:53:17

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

工具/原料

jQuery核心js

方法/步骤

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

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

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

2、使用attr方法进行checkbox状态的改变。选中:$("input[type=&#补朱锚卦39;c茑霁酌绡heckbox']").attr("checked",true);取消选中:$("input[type='checkbox']").attr("checked",false);

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

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

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

4、在这种情况下,建议使用prop方法来操作改变checkbox选中状态。选中:$(&孥恶膈茯quot;input[type='chec娱浣嫁装kbox']").prop("checked",true);取消选中:$("input[type='checkbox']").prop("checked",false);

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

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

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

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

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

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

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

© 一点知识