• 首页
  • 云服务器
  • 虚拟主机
  • 物理服务器
  • 大带宽
  • 跨境电商
  • 保障
    信任中心 >>
    • 基础设施与网络
    • 服务保障能力
    • 数据安全
    • 合规资质
    数据中心 >>
    • 中国洛阳国际数据中心
    • 中国香港多线数据中心
    VIP会员服务 >>
    • 7*24小时服务支持
    • 0元快速备案
    • 100倍故障赔偿
    • 5天无理由退款
会员登录 免费注册

帮助中心 / layui中如何设置checkbox勾选

layui中如何设置checkbox勾选



来源:辰迅云编辑:chenxun时间:2021-07-25 00:02:18



layui中如何设置checkbox勾选,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

方法1

在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。

data":[    {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true},    {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true},    {"name":"县","areaType":"地市","id":"110200","LAY_CHECKED":false}]

相关推荐:《layui框架教程》

方法2

如果返回的数据中没有LAY_CHECKED怎么办?比如说返回的是这样的数据:

data":[    {"name":"北京市","areaType":"省/直辖市","id":"110000","checked":true},    {"name":"市辖区","areaType":"地市","id":"110100","checked":true},    {"name":"县","areaType":"地市","id":"110200","checked":false}]

注意:这里用的是checked来标识是否选中,而非LAY_CHECKED。

这时候可以修改下页面的js。

layui.use('table', function(){        var $ = layui.$;        var table = layui.table;       //在使用table之前加上下面这句就可以了   table =  $.extend(table, {config: {checkName: 'checked'}});   table.render({       ...   });});

看完上述内容,你们掌握layui中如何设置checkbox勾选的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注辰讯云资讯频道,感谢各位的阅读!






上一篇:json文件中如何加注释
下一篇:javascript中如何保留两位小数
相关阅读
  • ●网站图片很多,影响了云服务器性能该怎么办?
  • ●美国cn2 gia服务器怎么样?
  • ●如何用Linux git命令设置免输密码
  • ●JS如何实现上传图片实时预览功能
  • ●php中curl简单采集图片如何生成base64编码
  • ●韩国vps和美国vps对比哪个好?
  • ●租用多IP站群服务器有哪些常见的问题?
  • ●如何使用优惠码续费云服务器
  • ●香港服务器托管有什么优缺点
  • ●javascript中怎么返回指定元素的末尾索引

    帮助中心

  • 云服务器类
  • 域名类
  • 虚拟主机类
  • 独立服务器
  • 付款类
  • 其他类
标签云
  • 高防服务器
  • 香港服务器
  • 海外服务器

现在注册,即刻为您提供最佳上云实践机会

立即注册
辰迅云

400-0666-318 (7*24小时热线)

Copyright 2013 - chenxunyun.com. All RightsReserved. 辰迅云 版权所有
  • 关于辰迅云

    关于我们 发展历程 资质荣誉 新闻公告 诚聘英才 联系我们
  • 辰迅云产品

    云服务器 服务器托管 服务器租用 >
  • 服务与支持

    域名知识 云服务器问题 SSL证书问题 虚拟主机问题 租用托管 网站备案问题
  • 快速通道

    独立控制面板 忘记密码
乐创云 ASP300源码 whmcs之家
  • 工信部备案号沪ICP备20007084号
  • 《中华人民共和国增值电信业务经营许可证》编号: B1-20194590号

在线客服

电话咨询

微信客服