显示和隐藏div（注册页面用layui+idea）

本文链接：https://blog.youkuaiyun.com/Finegrill/article/details/107247570

在这里插入图片描述
点击

代码：

<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>

在这里插入图片描述

<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>