zoukankan      html  css  js  c++  java
  • 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);
    });
    
  • 相关阅读:
    Linux之20——sudo命令
    Linux之18——Linux下安装MySQL及远程连接MySQL
    Linux之17——Git安装及使用以及连接GitHub方法详解
    Linux之16——free性能调优命令
    Linux之15——nc命令详解
    Linux之14——curl命令详解
    Linux之13——常用统计命令之wc
    15 Python 迭代器和生成器
    16 Python 递归函数
    17 python 内置函数
  • 原文地址:https://www.cnblogs.com/Chen-Ru/p/14123757.html
Copyright © 2011-2022 走看看