LayUI radio 单选按钮监听事件实现方法

<div class="layui-form-item">
        <label class="layui-form-label">与您联系</label>
        <div class="layui-input-block">
            <input type="radio" name="contact_you" lay-filter="contact_you"  value="1" title="需要" >
            <input type="radio" name="contact_you" lay-filter="contact_you" value="0" title="不需要" checked="checked">
        </div>
    </div>

然后就是 JavaScript 代码的编写,完整的代码如下:

    layui.use(['form'], function(){
        var $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;




        //此处即为 radio 的监听事件
        form.on('radio(contact_you)', function(data){

            var contact_you = data.value;
           if(contact_you==1){
               //显示姓名、电话...
               $("#contact_info").show();
           }else{
               $("#contact_info").hide();
           }
        });



    });

猜你喜欢

转载自blog.csdn.net/chendongpu/article/details/113347970
今日推荐