html中点重置和提交没反应,Layui的checkbox复选框第一次点击没反应、不生效，第二次点击，信息已经错乱 解决方法...

html代码：

*角色

{foreach $role_list as $key=>$vo }

{/foreach}

立即提交

重置

JS代码：

layui.use(['form', 'layedit', 'laydate','jquery'], function() {

var form = layui.form,

$ = layui.jquery,

layer = layui.layer;

//监听提交

form.on('submit(form_commit)', function(data) {

$.ajax({

url: "/admin/data_add_send",

data: data.field,

type: 'post',

async: false,

success: function(data) {

if (data.status == 2) {

layer.msg(data.message, {

icon: 1,

time: 1000

}, function() {

parent.location.reload();

});

} else {

layer.msg(data.message);

}

}

})

return false;

});

});

解决方法

只需要在js form提交 上边 加一句 form render()。

完整代码如下：

layui.use(['form', 'layedit', 'laydate','jquery'], function() {

var form = layui.form,

$ = layui.jquery,

layer = layui.layer;

form.render();

//监听提交

form.on('submit(form_commit)', function(data) {

$.ajax({

url: "/admin/data_add_send",

data: data.field,

type: 'post',

async: false,

success: function(data) {

if (data.status == 2) {

layer.msg(data.message, {

icon: 1,

time: 1000

}, function() {

parent.location.reload();

});

} else {

layer.msg(data.message);

}

}

})

return false;

});

});