jQuery判断复选框checkbox是否选中

最新推荐文章于 2024-06-11 20:43:12 发布

转载最新推荐文章于 2024-06-11 20:43:12 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/eryidianer/p/4936094.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery正确判断复选框的选中状态。提供了两种方法：使用prop()方法和is(':checked')选择器。同时指出在jQuery 1.6及更高版本中，attr('checked')不再返回布尔值。

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

　　在项目中需要用jQuery判断复选框是否被选中，写了一个判断语句if($('#selects').attr('checked')){....}, 但是if语句内始终没有执行。查阅之后发现jQ1.6之后$('#selects').attr('checked')返回的是checked或者是undefined，而不是true和false。如果checkbox一开始是选中的，那么返回的是checked，如果一开始没被选中，则返回的是undefined。

网上找到一篇文章说的很不错，解决方法如下，这里借用其代码。

    1. <input type='checkbox' id='cb'/>   
    2. <script>   
    3. //获取是否选中   
    4. var isChecked = $('#cb').prop('checked');   
    5. //或   
    6. var isChecked = $('#cb').is(":checked");   
    7. //设置选中   
    8. $('#cb').prop('checked',true);   
    9. </script>