资料整理06 全选按钮 实现 全选全不选功能

    xiaoxiao2021-12-14  19

    $(function(){ //全选按钮点击事件 $("#all").click(function(){ //获得全选按钮的选中状态 var flag=this.checked; //获得每个单选按钮 var checkArr=$(".one"); checkArr.each(function(){ this.checked=flag; }); }); //单选按钮的点击事件 $(".one").click(function(){ //标志位 var flag=true; $(".one").each(function(){ //遍历每一个单选按钮 如果有一个为未选中,标志位为false if(this.checked==false){ flag=false; } }); //对全选按钮进行赋值 $("#all").get(0).checked=flag; }); });
    转载请注明原文地址: https://ju.6miu.com/read-971715.html

    最新回复(0)