JS、JQ中判断checkbox是否选中

最新推荐文章于 2025-05-20 09:28:00 发布

鸣蜩三一

最新推荐文章于 2025-05-20 09:28:00 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS checked 选中

本文链接：https://blog.youkuaiyun.com/qq_43827328/article/details/87880233

JS 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了使用JavaScript和jQuery操作HTML中Checkbox的方法，包括检查是否选中及使用attr()与prop()的区别。通过示例代码，展示了不同情况下属性读取和设置的正确实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS：

Html

  <input type="checkbox" class="checkbox" />

var check = document.getElementsByTagName('input')[0];
console.log(check.checked);

  1.  $("input[type='checkbox']").is(':checked');   
  2.  $("input[type='checkbox']").prop('checked'); //JQ1.6版本之前不可用
  3.  $("input[type='checkbox']").is(':checked');

attr()与prop()如何选择

attr()方法返回被选元素的属性值。

prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时，则返回第一个匹配元素的值。
当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注：prop() 和 attr() 可能返回不同的值