layui的checbox在Ajax局部刷新下的设置方法

 更新时间:2018年08月14日 11:58:51   作者:wilson_wz  
今天小编就为大家分享一篇layui的checbox在Ajax局部刷新下的设置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

此情况只适用于手动拼接表格。。

页面加载时,checkbox会被渲染,so初始页面的checkbox是正常的

当我们自动添加checkbox,并且局部刷新的时候,新的复选框不会被渲染,所以显示是空白

解决办法:

1.需要添加一行代码(渲染后的checkbox代码)

<input type="checkbox" lay-skin="primary">
<div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>

2.渲染一下:

form = layui.form();
form.render('checkbox');

推荐第二种

以上这篇layui的checbox在Ajax局部刷新下的设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 前端实现滑动按钮AJAX与后端交互的示例代码

    前端实现滑动按钮AJAX与后端交互的示例代码

    这篇文章主要介绍了前端实现滑动按钮AJAX与后端交互的示例代码,前端代码分为html代码和css代码,通过js事件触发,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2022-02-02
  • ajax 防止用户反复提交的2种解决方案

    ajax 防止用户反复提交的2种解决方案

    ajax 防止重复提交可以通过在服务器端加载方法或直接写在页面脚本里,具体实现如下,遇到重复提交情况的朋友可以参考下,希望对大家有所帮助
    2013-07-07
  • 基于Ajax技术实现无刷新用户登录功能

    基于Ajax技术实现无刷新用户登录功能

    这篇文章主要介绍了基于Ajax技术实现无刷新用户登录功能,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-01-01
  • Ajax实现静态刷新页面过程带加载旋转图片

    Ajax实现静态刷新页面过程带加载旋转图片

    当然你也可以使用jquery或者ajax写动态加载table的方式来实现,方式多种多样,感兴趣的朋友可以了解下,希望本文提供的静态刷新页面对你学习ajax有所帮助
    2013-02-02
  • PHP+AJAX无刷新实现返回天气预报数据

    PHP+AJAX无刷新实现返回天气预报数据

    天气数据是通过采集中国气象网站的。本来中国天气网站也给出了数据的API接口,接下来为大家介绍下用php来写一个天气预报的模块,感兴趣的朋友可以参考下
    2013-07-07
  • 简单的AJAX实现(HELLO AJAX)

    简单的AJAX实现(HELLO AJAX)

    简单的AJAX实现(HELLO AJAX) ,实现代码,主要是了解下,流程。
    2010-03-03
  • Ajax开始准备入门篇

    Ajax开始准备入门篇

    我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。
    2010-10-10
  • 四步学会 Ajax

    四步学会 Ajax

    看了下面的函数说明,大家就可以简单的了解ajax的原理了。
    2009-07-07
  • 关于前端ajax请求的优雅方案(http客户端为axios)

    关于前端ajax请求的优雅方案(http客户端为axios)

    这篇文章主要给大家介绍了关于前端ajax请求的优雅方案,本文http客户端为axios,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • AJAX初体验之上手篇

    AJAX初体验之上手篇

    AJAX初体验之上手篇...
    2006-07-07

最新评论