layui添加复选框_layui复选框

标签：

效果图

layui复选框，一个主的复选框控制多个从复选框，主复选框和从复选框的颜色不一样

layui复选框的样式，都是在选然后才会有的，所以直接通过css设置就实现不了了。只可以通过js动态设置

html代码使用了jfinal的模板

*#(i18n.get('所属校区'))

#for(campus : campusList)

#end

layui代码

$(function(){

layui.use('form', function(){

var form = layui.form;

form.on("checkbox(allCheck)", function(data){

console.log(data);

console.log(data.elem.checked);

if (data.elem.checked) {

//动态设置全选按钮颜色，不可以这里设置，这里设置后，前端选然后不会有效果的，

//猜测原因是，form.render("checkbox"); 导致的，