yii2 复选框筛选显示 一个lable控制全选

来源:互联网 发布:cms系统 编辑:程序博客网 时间:2024/06/05 13:31

   


'format'=> 'raw', //格式化对下面HTML::有用

            'label' => '全选',//列标题原先是自带的全选复选框  
            'headerOptions' => ['class'=>'check_all','style'=>"cursor:pointer"],//class 点击事件   style是移动到此lable上面变成小手的样式
            'value' => function ($model) {
               if(判断)
                    {
                        return Html::input('checkbox', 'shop_id');
                    } else {
                        return '';
                    }

              } 






js



$(function() {
        $(".check_all").val('0') //先赋值不然点击事件第一次不能成功
        $(".check_all").bind('click',function() {
            if (this.value==0) {
                $(":checkbox").prop("checked", true);
                this.value = '1';
            }else{
                $(":checkbox").prop("checked", false);
                this.value = '0';
            }
        })
   })

0 0
原创粉丝点击