zoukankan      html  css  js  c++  java
  • layui 的单选框


    <div class="layui-form-item">
    <label class="layui-form-label">是否通过</label>
    <div class="layui-input-block">
    <input type="radio" name="state" value="1" title="通过" checked lay-filter="tongguo">
    <input type="text" name="quota" style=" 60%;"
    placeholder="请输入发放额度" autocomplete="off" class="layui-input">


    </div>
    <div class="layui-input-block">

    <input type="radio" name="state" value="2" title="驳回" lay-filter="tongguo">
    <input type="text" name="reason" style=" 60%;"
    placeholder="请输入拒绝理由" autocomplete="off" class="layui-input">
    </div>
    </div>


    <div id="bohui">
    <div class="layui-form-item layui-form-text kindeditor">
    <label class="layui-form-label">有效期</label>
    <div class="layui-inline">
    <input type="text" class="layui-input"
    name="expiresDate" id="expiresDate"
    value=""
    >
    </div>
    </div>
    </div>
    layui.use('form', function () {
    var form = layui.form;
    form.on('radio(tongguo)', function (data) {
    // console.log(data.elem);
    // alert(data.value);//判断单选框的选中值
    //alert(data.othis);
    // layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
    console.log(data.value);
    if (data.value == 2) { // 驳回
    $("#bohui").attr("class", "layui-hide");
    } else if (data.value == 1) {
    $("#bohui").attr("class", "");
    }
    });

    });
  • 相关阅读:
    leetcode_Basic Calculator II
    leetcode_Basic Calculator
    LeetCode_Add Two Numbers
    LeetCode_Partition List
    LeetCode_Compare Version Numbers
    LeetCode—Longest Consecutive Sequence
    Thrift数据类型
    thrift简介
    grpc与json格式互转
    grpc测试
  • 原文地址:https://www.cnblogs.com/jwlfpzj/p/9172567.html
Copyright © 2011-2022 走看看