checkout 多选 全选(亲测有效)

举报
lxw1844912514 发表于 2022/03/29 01:35:58 2022/03/29
【摘要】 <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="取消全选"> <in...

    
     
      
       
      
      
       
         <input type="button" id="btn1" value="全选">
       
      
     
      
       
      
      
       
                                    <input type="button" id="btn2" value="取消全选">
       
      
     
      
       
      
      
        
       
      
     
      
       
      
      
       
                                    <input type="checkbox" name="building_id[]" value="checkbox1">
       
      
     
      
       
      
      
       
                                    checkbox1
       
      
     
      
       
      
      
       
                                    <input type="checkbox" name="building_id[]" value="checkbox2">
       
      
     
      
       
      
      
       
                                    checkbox2
       
      
    
   

  js部分


    
     
      
       
      
      
       
         {{--全选--}}
       
      
     
      
       
      
      
       
                $("document").ready(function(){
       
      
     
      
       
      
      
       
                    $("#btn1").click(function(){
       
      
     
      
       
      
      
       
                        $("[name='building_id[]']").prop("checked",'true');//全选
       
      
     
      
       
      
      
       
                    })
       
      
     
      
       
      
      
       
                    $("#btn2").click(function(){
       
      
     
      
       
      
      
       
                        $("[name='building_id[]']").prop("checked", false);  //取消全选
       
      
     
      
       
      
      
       
                    })
       
      
     
      
       
      
      
       
                })
       
      
    
   

  

文章来源: blog.csdn.net,作者:lxw1844912514,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/lxw1844912514/article/details/100028658

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。