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);
});