显示和隐藏div(注册页面用layui+idea)

显示和隐藏div(注册页面用layui+idea)_第1张图片
点击
显示和隐藏div(注册页面用layui+idea)_第2张图片
代码:
显示和隐藏div(注册页面用layui+idea)_第3张图片

<div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
                                <input type="checkbox" name="agreement" lay-skin="primary" checked="">
                                <span  onClick="show();" >
                                    <div id="oDiv" style="display: none" class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary">
                                        <i class="layui-icon layui-icon-ok"></i>
                                    </div>
                                    <div id="nDiv" class="layui-unselect layui-form-checkbox" lay-skin="primary">
                                        <i class="layui-icon layui-icon-ok"></i>
                                    </div>
                                </span>
                                <a href="https://fly.layui.com/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
                            </div>

显示和隐藏div(注册页面用layui+idea)_第4张图片

<script>
        function show(){
            //alert(document.getElementById("oDiv").value);
            var flag = document.getElementById("oDiv").value;
            if (flag=='false'||flag==''||flag==null){
                document.getElementById("oDiv").style.display="";
                document.getElementById("nDiv").style.display="none";
                document.getElementById("oDiv").value='true';
            }else{
                document.getElementById("oDiv").style.display="none";
                document.getElementById("nDiv").style.display="";
                document.getElementById("oDiv").value='false';
            } 
        }
    </script>

你可能感兴趣的:(显示和隐藏div(注册页面用layui+idea))