layui 动态设置checbox 选中状态的例子
作者：blowDestiny 发布时间：2024-04-18 09:28:05
标签：layui,checbox
最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。
有时候会发现，自己动态append进去的代码要不就是没有显示，要不就是初始化默认选中出问题。
以上这些情况进行了测试：
第一种情况：动态append()html代码后没有显示空间的解决方案：
添加
layui.form.render();//重新渲染 可以解决多种没有显示的情况
第二种情况：动态设置默认选中状态没有效果解决方案：
细分为两种情况：
（1）在html页面代码下(没有在layer初始化框架中，即没有在layui.use([], function(){ }) 中进行初始化）
以初始化checkbox默认选中为例：
$('.xxx').attr("checked", true); //注意这里使用的是attr()
layui.form.render(); //重新渲染显示效果
（2）在layui.use(); 初始化中初始化一般这种情况会出现在调用api接口错误之后使用不然checkbox改变状态
layui.use(['form','layer'],function(){
var form = layui.form
layer = parent.layer === undefined ? layui.layer : top.layer,
$ = layui.jquery;
if ($('.xxxx').attr("checked") === "checked") { //判断是否选中
$('.xxxx').prop("checked", true); //设置选中 注意这里使用的是prop(), 这里要是使用了attr()是无效的
} else {
$('.xxxx').prop("checked", false);
}
form.render(); //重新渲染
});
来源：https://blog.csdn.net/InnovationAD/article/details/80495044
0
投稿猜你喜欢
Windows10本机环境：win10未安装node，安装了nvm工具，尝试使用nvm安装我开发环境的node版本（10.9.0 or la- 二维数组二维数组本质上是以数组作为数组元素的数组，即“数组的数组”，类型说明符 数组名[常量表达式][常量表达式]。二维数组又称为矩阵，行列
- list字符串元素排序需求：对list中的字符串按照首字母排序实现：list1 = ['as,jj,bk']for line
- 导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看
- 爱如风过 问：js如何能知道浏览者计算机或者浏览器使用的语言是繁体还是简体？如题，我想用jS检测到浏览者使用的是繁体还是简体中文，以便设置页
- 在一个网站，大量数据的前后端交互，JSON是最好的传递数据方式了。在Django中，使用JSON传输数据，有两种方式，一种是使用Python
- 一. 官网下载MySQL官方网址：（https://www.mysql.com/) 或者点击这里下载：https://www.jb
- 最近工作中刚好要清洗一批客户数据，涉及到身份证号码15位和18位的转换，特意研究了下，在这里分享下。身份证号码的构成既然谈到了身
- 在我们日常接触到的Python中，狭义的缺失值一般指DataFrame中的NaN。广义的话，可以分为三种。缺失值：在Pandas中的缺失值有
- 本文要点：爬虫的基本流程requests模块的使用保存csv可视化分析展示环境介绍python 3.8pycharm 2021专业版 激活码
- 目录引入依赖配置构建实体类保存数据查询数据项目中需要存放大量设备日志,且需要对其进行简单的数据分析,信息提取工作.结合众多考量因素,项目决定
- mysql升级5.7版本以后，安全性大幅度上升。但是呢。。。带复杂的记不住。额额。。本来脑子就不好使，还记那么复杂，尤其是本地就更没必要，还
- 本文译文，采用意译。下面这些方法对于我来说很有作用，自从我发现了这些操作。1. 数组求和假设你有下面的数字数组：let numbers =
- 本文实例讲述了python通过pil模块将raw图片转换成png图片的方法。分享给大家供大家参考。具体分析如下：python通过pil模块将
- 目录一．准备工作二．预览1.启动2.运行3.结果三．设计思路四．源代码4.1 GUI.py4.2 Search_Apps.py五．总结一．准
- 电脑配置：Windows10，64位操作系统一、Anaconda的介绍Anaconda指的是一个开源的Python发行版本，其包含了cond
- 首先要声明一下：一般情况下，修改MySQL密码，授权，是需要有mysql里的root权限的。 注：本操作是在WIN命令提示符下，phpMyA
- 首先我们利用NodeJs先构建一个基本的服务器。 index.js var requestHandler = require(".
- 代码如下: <％ dim fso,objFolder,objFiles dim filelist Set fso=Server.Cre
- 本文实例为大家分享了js实现QQ邮箱邮件拖拽删除的具体代码，供大家参考，具体内容如下步骤分析：根据数据结构生成HTML结构全选和单选功能的实
