IT培训>Web开发教程

web前端：layui获取checkbox复选框值

作者:dongsir更新于： 2020-03-05 11:47:55



　　事实上，layui更多是面向于后端开发者，所以在组织形式上毅然采用了几年前的以浏览器为宿主的类AMD模块管理方式，却又并非受限于CommonJS的那些条条框框，它拥有自己的模式，更加轻量和简单。

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

　　html

　　

　　

　　

　　

　　

　　css/layui.css"media="all">

　　

　　

　　

　　

　　复选框

　　

　　

　　

　　

　　

　　

　　开关关

　　

　　

　　

　　开关开

　　立即提交

　　JS

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

　　varform=layui.form,

　　$=layui.$;

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

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

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

　　vararr_box=[];

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

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

　　});

　　//数组

　　console.log(arr_box);

　　//["董先生的CSDN"]

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

　　});

　　});

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

　　console.log(arr_box.toString());

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

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

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

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

　　layui，是一款采用自身模块规范编写的前端UI框架，遵循原生Html/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。

未登录

登录注册