layui获取复选框的值
layui获取复选框的值
//HTML代码
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="like" value="1" title="写作">
<input type="checkbox" name="like" value="2" title="阅读" >
<input type="checkbox" name="like" value="3" title="发呆">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
//JS代码
<script>
layui.use('form', function(){
var form = layui.form;
form.on('submit(formDemo)', function(data){
//获取checkbox[name='like']的值
var arr = new Array();
$("input:checkbox[name='like']:checked").each(function(i){
arr[i] = $(this).val();
});
data.field.like = arr.join(",");//将数组合并成字符串
$.post("admin.php", {data:data.field}, function (res) {
if (res.code == 1) {
layer.msg(res.msg, {time: 1800, icon: 1}, function () {
location.href = res.url;
});
} else {
layer.msg(res.msg, {time: 1800, icon: 2});
}
}, 'json');
return false;
});
});
</script>
---------------------
作者:奔跑_
来源:CSDN
原文:https://blog.csdn.net/z45283943/article/details/81564475
版权声明:本文为博主原创文章,转载请附上博文链接!
layui获取复选框的值相关推荐
- Layui 获取复选框的值
Layui获取复选框的值: 遍历input复选框,然后将当前遍历的对象的Value加入数组: //定义数组: var OneValue=[]; //取值 $(`input:checkbox[name= ...
- layui获取复选框checked值
前言 对于后台开发来讲,layui是一个很后台的前端框架,适合搭建管理后台,各方面都很好,唯独有个地方不好,就是checkbox多选方面,不能直接返回多选值,只能返回最后选的一个,这究竟是官方的bug ...
- JQ对复选框全选、获取复选框的值、回选
1.全选.全不选: function checkAllFun(a){if (a.checked){$("input[name='checkbox']:checkbox").each ...
- 用jQuery如何获取复选框的值
获取复选框的值 <div><input type="checkbox" name="" id="suibian">& ...
- html简单获取多选框的,jquery获取复选框的值的简单实例
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码 对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
- 支付宝小程序获取复选框选中值id,使其显示且可编辑
问题概述 在做支付宝小程序编辑表单时,需要将用户之前填.选的信息显示出来后再编辑.这里针对复选框选中值的获取显示,通过服务端发送请求后拿到的选中id,显示选中值并且可编辑. axml代码片段 < ...
- layui批量获取复选框的值
此文章为批量获取. 单个获取示例在https://blog.csdn.net/wybshyy/article/details/106743910 HTML代码 <form class=" ...
- el如何获取复选框的值_element ui 表格提交时获取所有选中的checkbox的数据
设定此属性@selection-change="changeFun",意思是每次勾选的时候都会触发这个事件 //复选框状态改变 changeFun(val) { this.mult ...
- jquery中获取复选框的值
定义一个cityId数组去接收复选框中的值: var cityId = new Array(); $.each($('input:checkbox:checked'),function(){ ...
最新文章
- 坚果3“凉了”,罗永浩只提了一次人工智能
- (数据挖掘-入门-1)基于用户的协同过滤之最近邻
- js文件引用方式及其同步执行与异步执行
- SharpStrike:基于C#实现的后渗透漏洞利用工具
- 依赖注入的三种方式_ASP.NET Core技术研究-探秘依赖注入框架
- 循序渐进学好编程,不要太急!!!
- centos7安装详细图解_开封温包规格,电热执行器安装详细图解
- 记录一次有意思的XSS过滤绕过
- HDU 6336 Matrix from Arrays (杭电多校4E)
- 计算机组成与系统结构
- Excel催化剂开源第4波-ClickOnce部署要点之导入数字证书及创建EXCEL信任文件夹
- 最新声音鉴定鉴卡引流神器PHP源码
- VirtualBox安装Win10系统
- conda:未找到命令的解决方法
- Publish报文及其响应分析
- 微信小程序:for循环与if判断
- 精伦的开发盒子USB上外挂SD卡路径
- 2022《中国企业敏捷实践白皮书》调研全面启动
- 为什么辞职(或裸辞)之后很难再找到工作,而且能力越高越明显?
- 学计算机文科好还是理科好,大学毕业之后才明白,文科生和理科生的差距有多大?高中生注意...
热门文章
- 【论文学习】YOLO v1
- 猴子吃桃问题——递归算法解答
- 怎么安装python3.72_这才是 Python 的 “72 变”玩法!
- java的swing和awt_java的SWING与AWT的区别
- A002-185-2537-翁格婉(个人期末作业)
- Redux入门教程(快速上手)
- 小米手环4怎么使用_小米手环4入手评测 小米手环4怎么使用
- Python学习4:计算几何形状的表面积与体积
- Vite搭建Vue3 + TypeScript 项目(NPM)
- VS+openCV之深入了解 cv::Mat