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="發(fā)呆">
????????</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(",");//將數(shù)組合并成字符串

????????????$.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?
版權聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請附上博文鏈接！

總結

以上是生活随笔為你收集整理的layui获取复选框的值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。