jQuery反选 全选 与全不选demo
jQuery反选 全选 与全不选demo
柏拉图不永恒 发表于1年前
jQuery反选 全选 与全不选demo
  • 发表于 1年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

$(function(){
        //全选
        $('#btnok1').click(function(){
            var ids=$('input:checkbox');
            //alert(ids.length);
            for(var i=0;i<ids.length;i++){
                ids[i].checked=true;
            }
        });
        //反选
        $('#btnok2').click(function(){
            var ids=$('input:checkbox');
            //alert(ids.length);
            for(var i=0;i<ids.length;i++){
                ids[i].checked=!ids[i].checked;
            }
        });
        //全不选
        $('#btnok4').click(function(){
            var ids=$('input:checkbox');
            //alert(ids.length);
            for(var i=0;i<ids.length;i++){
                ids[i].checked=false;
            }
        });
        
    });

<td><input type="checkbox" name='ids' value="<?php echo $v['p_id'];?>"/></td>

注意:首先在html页面放置三个input按钮  id分别为btnok1 2 4  引入jQuery文件即可用

共有 人打赏支持
粉丝 0
博文 3
码字总数 387
×
柏拉图不永恒
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: