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">&#xe696;</i>
        <div class="name">all</div>
        <div class="code">&amp;#xe696</div>
    </li>

    <li>
        <i class="icon iconfont">&#xe697;</i>
        <div class="name">back</div>
        <div class="code">&amp;#xe697</div>
    </li>

    <li>
        <i class="icon iconfont">&#xe698;</i>
        <div class="name">cart</div>
        <div class="code">&amp;#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);
});
posted @   代号-9527  阅读(117)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.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)
点击右上角即可分享
微信分享提示