layui获取checkbox复选框值 - dongsir
HTML
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>layuiformcheckbox 获取选中</title>
<link rel="stylesheet" href="layui/css/layuicss" media="all">
</head>
<body>
<form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir">
<input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关关</label>
<div class="layui-input-block">
<input type="checkbox" name="switch" lay-skin="switch" value="董辉">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关开</label>
<div class="layui-input-block">
<input type="checkbox" name="switch" checked lay-skin="switch" value="董先生的CSDN">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="">立即提交</button>
</div>
</div>
</form>
<script src="layui/layuijs"></script>
JS部分
代码：
layui获取checkbox复选框值
1、首先前台用Ajax，其中注意dataType一定要选择json方式，Action成功返回给页面的Json内容是这样的[{"number":"V006","names":"LiLei"}],可见comment['names']对应"names":"LiLei"，comment['number']对应"number":"V006"。
$ajax({
type: "post",
url:'apply/mystudentaction',
cache: false,
dataType : "json",
success: function(data){
$each(data, function(commentIndex, comment){
alert("姓名"+ comment['names']);
alert("学号"+comment['number']);
});
}
});
2、Ajax的URL指向在java的action中mystudent方法，返回的list其实是一个对象Student，包括了names和nunmber字段
public String mystudent() throws Exception{
List list=priceServicequery();//调用接口实现类
thisjsonUtil(list);
return null;
手动取返回值
1、身处在前端社区的繁荣之下，我们都在有意或无意地追逐。
2、layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。
3、拥有双面的不仅是人生，还有 layui。
4、一面极简，一面丰盈。
5、极简是视觉所见的外在，是开发所念的简易。
6、丰盈是倾情雕琢的内在，是信手拈来的承诺。
7、一切本应如此，简而全，双重体验。
8、如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。
9、待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是 layui 不灭的执念
以上就是关于layui提交表单怎么获取复选框的值全部的内容，包括:layui提交表单怎么获取复选框的值、layui 利用ajax冲获取到json 数据后 怎样进行渲染、layui的form ajax提交后，怎么获取返回值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）