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 全剧终

  • 相关阅读:
    云原生技术实践,起步k8s
    线程,同步构造
    线程,限制的异步操作
    DotNet Core管道通信
    打下设计模式
    739--Daily Temperatures
    1021--RemoveOutermostParentheses
    Java并行程序基础。
    155--MinStack
    1047--Remove All Adjacent Duplicates In String
  • 原文地址:https://www.cnblogs.com/CharmingDang/p/9663664.html
Copyright © 2011-2022 走看看