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

 时间:2024-11-09 09:25:22

在开发过程中,我们经常会遇到判断一个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选中状态

C#如何导出csv格式 jquery实现删除指定标签下的所有DIV oracle 19c 如何创建表格空间(tablespace) WPF与Winform互操作:[1]Winform调用WPF窗体 LabVIEW文件/目录信息
热门搜索
户外图片 中元节图片 bl动漫在线 日本3d动漫 芭比图片