layui中复选框全选

https://www.cnblogs.com/pyspang/p/9648034.html

HTML:

" title="">

          " title="">     


JS:

// layui框架写法(全选)layui.use('form',function(){

        varform = layui.form;

     //这里的 menu 就是 HTML上面的lay-filter值,就固定一个值就好

        form.on('checkbox(menu)',function(data){

          varid = data.value;

          //这里实现勾选 $('#top-'+id+' input[name=category]').each(function(index, item){

            item.checked = data.elem.checked;

          });

          form.render('checkbox');


          // console.log(data.elem); //得到checkbox原始DOM对象

          // console.log(data.elem.checked); //是否被选中,true或者false

          // console.log(data.value); //复选框value值,也可以通过data.elem.value得到

          // console.log(data.othis); //得到美化后的DOM对象        }); 

    });

          // 获取选中的分类值

          var check_arr = [];

          $('input[name=category]:checked').each(function(){

              check_arr.push($(this).val());

          });

           if(check_arr.length == 0){

             layer.msg("还未选择分类", {icon: 7, time:1500});return;

           }

你可能感兴趣的:(layui中复选框全选)