yii2 复选框筛选显示 一个lable控制全选
2017-04-04 17:22
148 查看
'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';
}
})
})
相关文章推荐
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- js通过a链接控制多个DIV只显示其中一个其它隐藏
- 控制一个窗体上的一类控件显示
- Android日常知识收集之通过一个按钮来控制密码是明文还是暗文显示
- js控制单选复选框(全选)
- 潘田:用javascript控制复选框全选和反选与限制选择数量
- js控制点击让div滚动,显示一个,隐藏一个
- 一个小例子,全选复选框
- 关于全选按钮和复选框只能选中其中一个的js写法
- 在后台控制一个a标签或者button(控件)的显示与否,或者禁用与否
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- 可在多线程下TextBox中显示信息,和控制滚动的一个函数
- 通过option来控制另外一个盒子的显示隐藏
- 一个js控制层显示与否的小demo
- 如何开辟一个专用线程控制进度条的循环显示
- 打印页面样式设计 控制一个table显示在一页上
- 如何控制在一个软件中特殊的字符比如#都显示为红色呢?该字符是作为标签中的内容出现的,可能出现在JLABEL,JCheckBox,JCombox的标签中的,
- 一个按钮控制div的显示与隐藏。运用jquery的toggle双、多事件绑定方法
- js控制单选复选框(全选)