zoukankan      html  css  js  c++  java
  • layui radio点击事件

    要实现下面的功能

    前端代码如下

    <div class="layui-form-item">
                <label class="layui-form-label" style="100px">是否已购买:</label>
                <div class="layui-input-block" id="IsPurchased" >
                    <input type="radio"  name="t" value="购买" title="购买" lay-filter="aaa"/>
                    <input type="radio"  name="t" value="试用" title="试用" lay-filter="aaa"/>
                </div>
            </div>
            <div class="layui-form-item count">
                <label class="layui-form-label">试用次数:</label>
                <div class="layui-input-inline">
                    <input type="text" id="ProbationAccount" required="required"  placeholder="请输入试用次数" autocomplete="off" class="layui-input" />
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div>
    layui.use('form', function () {
                var form = layui.form;
    
                form.on('radio(aaa)', function (data) {        
               
                    if ($('#IsPurchased input[name="t"]:checked ').val() == "购买") {
                        $(".count").hide();
                    }
                    else {
                        $(".count").show();
                    }
                    form.render();
                });
            });

    刚开始把lay-filter="aaa"属性写在了input外面的div里

    一直测试就是没有反应

    最后才发现写错地方了 点的是radio 不是div啊

    ojbk 全剧终

  • 相关阅读:
    hdu4535
    hdu4535
    hdu4503 概率
    hdu4503 概率
    hdu4499 搜索
    hdu4499 搜索
    hdu1146
    hdu1146
    Proj THUDBFuzz Paper Reading: Typestate-Guided Fuzzer for Discovering Use-after-Free Vulnerabilities
    Proj THUDBFuzz Paper Reading: Intriguer: Field-Level Constraint Solving for Hybrid Fuzzing
  • 原文地址:https://www.cnblogs.com/CharmingDang/p/9663664.html
Copyright © 2011-2022 走看看