layui如何获取checkbox复选框的值

发布时间:2020-10-21 17:07:09

来源:亿速云

阅读:164

作者:Leah

本篇文章给大家分享的是有关layui如何获取checkbox复选框的值,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

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

HTMLlayui.form.checkbox 获取选中复选框

开关关

开关开

立即提交

JSlayui.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);

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

});

});

如果需要字符串的话,再将数组转为字符串console.log(arr_box.toString());

如果需要自定义分割字符的字符串console.log(arr_box.join(","));

以上就是layui如何获取checkbox复选框的值,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

layui复选框怎么取值_layui如何获取checkbox复选框的值相关推荐

  1. jQuery 循环获取checkbox复选框的值,checkbox全选、全不选、反选

    前端页面html <tr v-for="(log,index) in logList"><!-- v-bind:value绑定 --><td>& ...

  2. js获取checkbox复选框获取选中的选项

    分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...

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

    获取layui表单复选框已选中的数据 HTML layui.form.checkbox 获取选中 复选框 开关关 开关开 立即提交 JS layui.use('form', function(){ v ...

  4. checkbox取值 php_php获取checkbox复选框的内容

    由于checkbox属性,所有必须把checkbox复选择框的名字设置为一个如果checkbox[],php才能读取,以数据形式,否则不能正确的读取checkbox复选框的值哦. 复选二 复选三 复选 ...

  5. php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值?(代码示例)...

    本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...

  6. js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值

    本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...

  7. jQuery获取checkbox是否选中,设置值,checkbox全选全不选功能

    html部分: <ul class="titleUl"><li class="checkboxLi smLi"><input ty ...

  8. jquery 获取checkbox 或 select 的选中值(一组和单个)

    使用 jquery 获取一组或者单个 checkbox 的选中状态的值.下面通过一个示例进行说明,假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的 ...

  9. layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值?

    layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...

最新文章

  1. Oracle优化器:星型转换
  2. 表格 树形结构 HTML 语言 CSS,HTML介绍(示例代码)
  3. css3 手机信号,CSS3 无线路由器连接信号动画
  4. VTK:InfoVis之ArrayToTable
  5. 核心期刊投稿经验(遥感信息)
  6. NET脏字过滤算法 收藏
  7. 计算机网络的分层结构、协议、服务和接口
  8. iOS “[App] if we're in the real pre-commit handler we can't actually add any new fences due
  9. spyder设置显示编码_CNC机床参数的设置及报警解除,赶紧收藏吧!
  10. 虚拟机上安装win7系统
  11. 计算机录制音乐时减少环境干扰,个人想录音?怎样打造录音棚呢?
  12. matlab newton插值法,Matlab程序Newton插值函数
  13. 大学生追女友花光学费露宿街头 4天偷396罐红牛
  14. Excel表格常用函数-VLOOKUP|IFERROR|IF
  15. 年度总结 | 目标检测2019,你还有不知道的吗?
  16. flask怎么创建虚拟环境_在Windows OS中创建虚拟环境并在本地运行Flask应用程序
  17. 小程序-微信账号绑定多个开发者权限
  18. K8s 多节点部署流程
  19. Spring Boot 入门系列(二十三)整合Mybatis,实现多数据源配置!
  20. 进化树构建之邻接法(Neighbor-Joining)的介绍

热门文章

  1. 懒癌也有救!360手机助手7.0评测:不搜索也能给你想要的
  2. UVM-使用start发送item,sequence
  3. AT89C51单片机外部中断使用和使用74LS373控制I/O口
  4. outlook中可以添加html代码,在ICS文件中为Outlook预约添加HTML
  5. python005 -- from inport 作用
  6. Unity的MonoBehaviour单例设置
  7. snmpd配置精简版
  8. Faster R-CNN的参数设计细节
  9. 利用docker搭建服务器集群并部署大数据生态软件
  10. 【趣学算法】第一章读书笔记