layui 点击显示与点击隐藏

大佬教程收集整理的这篇文章主要介绍了layui 点击显示与点击隐藏，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

  主要有lay-filter属性，靠这个属性监听    <div class="layui-col-xs12 layui-col-sm4 layui-col-md4">        <div class="grid-demo grid-demo-bg1">            <div class="layui-form-item">                <label class="layui-form-label">可看状态</label>                <div class="layui-input-block">                    <input type="radio" name="is_see" lay-filter="is_see" value="0" title="所有"                           :checked="formData.is_show == 0 ? true : false">                    <input type="radio" name="is_see" lay-filter="is_see" value="1" title="选择"                           :checked="formData.is_show == 1 ? true : false">                </div>            </div>        </div>    </div></div><!--选择可看到的用户 复选框--><div class="layui-row layui-col-space15" id="userinfos"><label class="layui-form-label"> 选择</label><div class="layui-input-block">    {volist name="userList" id="vo"}    <input type="checkbox" name="like[{$vo.uiD}]" title="{$vo.real_namE}">    {/volist}</div></div>

<script language="JavaScript">    layui.use(['element','form','jquery'], function(){        var form = layui.form            ,element = layui.element            ,$= layui.$;        form.on('radio(is_seE)', function(data){//           console.log(data.value); //被点击的radio的value值            if(data.value == 1){                $("#userinfos").show();            }else{                $("#userinfos").hide();            }        });    });    </script>

大佬总结

以上是大佬教程为你收集整理的layui 点击显示与点击隐藏全部内容，希望文章能够帮你解决layui 点击显示与点击隐藏所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。