LayUI的获取复选框的值以和为复选框赋值
获取复选框的值:
一、layui获取单个复选框的值
=========================================HTML=============================================
<div class="layui-form-item">
<div class="layui-col-md12">
<div>
<label class="layui-form-label">类型</label>
<div class="layui-input-block">
<input type="checkbox" name="AllDay" lay-filter="test1" value="全天" title="全天">
<input type="checkbox" name="IsEnd" lay-filter="test1" value="结束时间" title="结束时间">
</div>
</div>
<span></span>
</div>
</div>
========================================JS=============================================
var allDayCheck = document.getElementById("AllDay").checked;
var isEndCheck = document.getElementById("IsEnd").checked;
二、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 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>
那么怎么给layui复选框赋值呢?
layui.use('form', function () {
form = layui.form;
$('#AllDay').prop("checked", true); //先进行基本赋值
form.render(); //这句必须(用来更新渲染页面)
});
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanfceje
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01