<form-item>
<checkbox-group v-model="userInfoarr.itemInvolve">
...
前言
在一些后台管理系统里面,针对全选,复选框是一个很常见的操作,复选框可以执行多项选择的一种控件,有时,为了方便用户选中所有的复选框,网页界面
会提供一个选中所有复选框的功能,怎么实现一个复选框全部被选中的效果呢...示例效果
allcheckbox
原生Js
实现全选的效果,复选框是否被勾选,是由它的checked属性决定的,因此,实现本例效果的关键就是找到所有对应的复选框,然后将其它的checked属性设置为...for(var i = 0;i<arr.length;i++) {
arr[i].checked = true; // 选中
}
}...; // 不选中
}
}
}
如下是html
<input type="checkbox" name="mayall" onclick="checkAll(this.checked...,是由它的checked属性决定的,checked的属性值若为true那么状态为<em>选中</em>,若为false那么不<em>选中</em>
前端UI显示,与具体要向后端传入的值,是需要与后端协商的,上面的type也就是前后端协商的字段 |