全选框只能选一次的解决方法

最新推荐文章于 2023-10-17 15:42:24 发布

weixin_33862993

最新推荐文章于 2023-10-17 15:42:24 发布

阅读量299

点赞数

CC 4.0 BY-SA版权

文章标签： matlab

原文链接：http://www.cnblogs.com/LDaiL/p/6379895.html

本文介绍了一种在项目中实现全选功能的方法，通过使用prop替代attr来改善用户体验。提供了具体的HTML与JavaScript代码示例，展示了如何根据全选按钮的状态更新其他复选框。

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

在项目中遇到全选只能选一次，使用的是attr,后来才知道要改成prop,

简单的代码如下：

HTML：

    <ul>
        <li>
            <input class="input1" type="checkbox"/>
            全选
        </li>
        <li>
            <input class="input2" type="checkbox"/>
            选项一
        </li>
    </ul>
JS:
    $(".input1").click(function(){
        第一种是这样：
        if($(this).prop("checked")){
            $(".input2").prop("checked",true)
        }else{
            $(".input2").prop("checked",false)
        }
        第二种更简化：
          var ischecked=$(this).prop("checked");
          $(".input2").prop("checked",ischecked)
    })
prop() 方法设置或返回被选元素的属性和值；
$(".select").prop("checked",状态)；