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
投稿猜你喜欢
- 本文将以Mysql举例，介绍sqlalchemy的基本用法。其中，Python版本为2.7，sqlalchemy版本为1.1.6。一. 介绍
- 一、简介py2exe是一个将python脚本转换成windows上的可独立执行的可执行程序(*.exe)的工具，这样，你就可以不用装pyth
一、问题引出浅拷贝首先看下面代码的执行情况：a = [1, 2, 3]print('a = ％s' ％ a) # a = [- 开发工具**Python版本：**3.6.4相关模块：pyecharts模块；以及一些Python自带的模块。环境搭建安装Python并添加
- python处理按钮消息的实例详解
- 这个错误是最新的错误哈，目前只在tensorflow上的github仓库上面有提出，所以你在百度上面找不到。是个tensorflow的bug
- 相信大家都用过浏览器的翻译网页功能，例如对于下图这个英文网页：一键翻译成中文以后是这样的：你可能会觉得这个功能很简单，不就是字符串替换吗？那
- 1、调用字符映射表输入特殊符号在键盘上按win+R，在打开的对话框中输入“charmap”,会出现字符映射表：2、利用字符编码输入特殊符号#
- 一、Tensorlow结构import tensorflow as tfimport numpy as np#创建数据x_data = np
- file->setting->project->project interperter双击右侧出现的pip，弹出安装包，搜
- 英文的文档在这里，详细全面，本文仅为自己的学习笔记，只是试图通过转述加深自己的学习，不详细不全面。由于浏览器之间的差异，所以在JS中监听事件
- 1.package.json作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，
- NumPy提供了多种存取数组内容的文件操作函数。保存数组数据的文件可以是二进制格式或者文本格式。二进制格式的文件又分为NumPy
- 这里列出了13种实现图片或网页内容 lightbox 效果的方法，大部分是链接到各种lightbox作者的英文页面，里面都有源代码下载。Th
- 方法一：简单，得不到参数，只有一个虚拟路径 代码如下:GetUrl =request("url") 例如：http://
- 发送普通邮件发送文本和html普通邮件如下：from email.header import Headerfrom email.mime.t
- 在平时开发中我们经常会用到 Webpack这个时下最流行的前端打包工具。它打包开发代码，输出能在各种浏览器运行的代码，提升了开发至发布过程的
- 网页的布局也许是大家最不放在眼里的地方，其实布局地位如同文字的排版一样，随便可布，布即随便。但是看过我上篇《网页设计技巧系列 之 文本排版》
- 今天分享一个我自己写的实用脚本，主要是将.xml文件进行批量的修改首先，声明我并不是很了解.xml的相关知识，所以今天主要是以我遇到的问题来
- 这里我昨天碰到的问题就是执行一段根据变量tableName对不同的表进行字段状态的更改。由于服务器原因，我不能直接在数据访问层写SQL，所以
