layui复选框怎么取值_layui获取checkbox复选框值

获取layui表单复选框已选中的数据

HTML

layui.form.checkbox 获取选中

复选框

开关关

开关开

立即提交

JS

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

var form = layui.form,

$ = layui.$;

//各种基于事件的操作。

form.on('submit(*)', function(data){

//将页面全部复选框选中的值拼接到一个数组中

var arr_box = [];

$('input[type=checkbox]:checked').each(function() {

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

});

//数组

console.log(arr_box);

// ["董先生的CSDN"]

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

});

});

如果需要字符串的话，再将数组转为字符串

console.log(arr_box.toString());

// dongsir,董先生,董先生的CSDN

如果需要自定义分割字符的字符串

console.log(arr_box.join(","));

// dongsir,董先生,董先生的CSDN