生活随笔
收集整理的這篇文章主要介紹了
显示和隐藏div(注册页面用layui+idea)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
點擊
代碼:
<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(){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)的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。