layui 笔记
layui radio单选框赋值
前台代码
<div class="layui-form-item">
<label for="L_Isfather" class="layui-form-label">
<span class="x-red">*</span>是否父菜单
</label>
<div class="layui-input-block">
<input type="radio" name="fuMenu" value="1" title="是" checked="">
<input type="radio" name="fuMenu" value="0" title="否">
</div>
</div>
<div class="layui-form-item">
<label for="L_Isfather" class="layui-form-label">
<span class="x-red">*</span>是否启用
</label>
<div class="layui-input-block">
<input type="radio" name="Show" value="启用" title="启用" checked="">
<input type="radio" name="Show" value="停用" title="停用">
</div>
</div>
js判断代码
var Isfather = $("#Isfather").val() == "" ? 0 : $("#Isfather").val();
var IsShow = $("#IsShow").val() == "" ? "启用" : $("#IsShow").val();
$("input[name=fuMenu][value=1]").attr("checked", Isfather == 1 ? true : false);
$("input[name=fuMenu][value=0]").attr("checked", Isfather == 0 ? true : false);
$("input[name=Show][value=启用]").attr("checked", IsShow == "启用" ? true : false);
$("input[name=Show][value=停用]").attr("checked", IsShow == "停用" ? true : false);
任意元素点击事件
通过点击图标获某一个值
前台代码
<ul class="icon_lists clear">
<li>
<i class="icon iconfont"></i>
<div class="name">all</div>
<div class="code">&#xe696</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">back</div>
<div class="code">&#xe697</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">cart</div>
<div class="code">&#xe698</div>
</li>
</ul>
js代码
//this代表当前i的内容
//parent()找到当前i的上一级元素
//find在parent()里找div的元素
//div:last-child取div元素里的最后一个div
$('ul li i').click(function () {
//console.log($(this).parent().find("div:last-child").text());
$('#L_menuico').val($(this).parent().find("div:last-child").text());
layer.close(layer.index);
});
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 上周热点回顾(1.20-1.26)