当layer动态加载无法勾选多个复选框时

    <div class="layui-form-item layui-form-text">添加 layui-form-text
===================================================
<%@page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ include file="/jsp/common.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><base href="<%=basePath%>"><meta charset="utf-8"><title>用户管理</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" type="text/css" href="<%=basePath %>js/layui-v2.5.5/layui/css/layui.css" charset="utf-8">
</head>
<body>
<div id="user-tbl-layer" style="padding: 20px"><form id="user-tbl-form" class="layui-form layui-form-pane" ><input type="hidden" id="_user_id" name="_user_id" value="${_user_id }"/><div class="layui-form-item layui-form-text"><label class="layui-form-label">角色名称</label><div class="layui-input-block" style="height: 30px"><c:forEach items="${list}" var="acc"><input type="checkbox" name="id"<c:if test="${acc._flag == true}">checked="checked"</c:if>value="${acc._id }" lay-skin="primary" title="${acc._name }"/><div  class="layui-unselect layui-form-checkbox" lay-skin="primary"><span>${acc._name }</span><i class="layui-icon layui-icon-ok"></i></div></c:forEach></div></div><div class="layui-form-item"><div class="layui-input-block" ><button class="layui-btn" lay-submit lay-filter="add-user-form-submit"  style="margin-top:100px;">确定</button></div></div></form>
</div>
<script type="text/javascript" src="<%=basePath %>js/layui-v2.5.5/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">layui.use([ 'jquery', 'table', 'layer', 'form' ], function() {// 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节var $ = layui.$;var table = layui.table;var layer = layui.layer;var form = layui.form;var table = layui.table;form.on('submit(add-user-form-submit)', function(data) {var i = 0;$.each($('input:checkbox:checked'),function(){if(i == 0){ids = $(this).val();}else{ids += ","+$(this).val();}i++;});data.field.id = ids;$.ajax({url : basePath + 'user/userSetRole.do',type : "POST",data : data.field,async:false,dataType : 'json',success : function(result) {if (result.success) {var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layer.close(index); //再执行关闭parent.layui.table.reload('user-tbl')} else {layer.msg(result.msg);}},error : function() {console.log("ajax error");}});// 阻止表单跳转return false;});})
</script>
</body>
</html>

当layer动态加载无法勾选多个复选框时相关推荐

Android动态加载技术
基本信息 Author:kaedea GitHub:android-dynamical-loading 我们很早开始就在Android项目中采用了动态加载技术,主要目的是为了达到让用户不用重新安装AP ...
Android插件化开发之动态加载技术简单易懂的介绍方式
转载地方:https://segmentfault.com/a/1190000004062866 基本信息 Author:kaedea GitHub:android-dynamical-loading ...
Linux中mod相关的命令内核模块化 mod相关命令都是用来动态加载内核模块/驱动程序模块...
Linux中mod相关的命令内核模块化 mod相关命令都是用来动态加载内核模块/驱动程序模块 http://baike.baidu.com/link?url=lxiKxFvYm-UfJIxMjz ...
CodeMirror动态加载和表单提交
在使用codemirror时, 其原理是根据form中的textarea标签,自动加载其内容,获得代码行的显示.(具体使用方式参见 codemirror官网使用手册 http://codemirror ...
selectpicker 动态加载数据
在做二级下拉菜单动的时候,一般需要动态的给第二个下拉菜单赋值(有时候第一个下拉菜单也是动态加载数据),一般的下拉框的样式比较丑,当使用selectpicker进行下拉菜单美化时,有可能导致下拉菜单加载 ...
Android插件化学习之路（一）之动态加载综述
前段时间,公司项目完成了插件化的开发,自己也因此学习了很多Android插件化的知识,于是想把这些内容记录下来,本次带来Android插件化的第一篇:动态加载综述 Android插件化学习之路(一)之 ...
ajax 技术动态加载数据,jQuery结合Ajax实现动态加载数据【原创】
原先的页面如下: 要实现的效果图: 要实现的效果,就是点击"查看更多"按钮,动态加载五条数据.而点击"查看所有"时数据全部加载. 主要的思路: 1.点击按钮,发 ...
vue+element 动态加载数据，checkbox实现全选，不全选
效果图: 功能描述: 图中所展示数据,全是从服务器获取的数据动态加载,实现点击全选,不全选,加粗字体为父节点,后面为子节点. 数据结构: [{"children": [{" ...
AJAX jQuery tab,动态加载选显卡
AJAX jQuery tab,动态加载选显卡 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

当layer动态加载无法勾选多个复选框时

当layer动态加载无法勾选多个复选框时相关推荐

最新文章

热门文章

当layer动态加载无法勾选 多个复选框时

当layer动态加载无法勾选 多个复选框时相关推荐

最新文章

热门文章

当layer动态加载无法勾选多个复选框时

当layer动态加载无法勾选多个复选框时相关推荐