显示和隐藏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(){//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)相关推荐
- html中怎么实现广告自动出来又自动隐藏?,基于jquery实现的定时显示与隐藏div广告的实现代码...
基于jquery实现的定时显示与隐藏div广告的实现代码 下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime ...
- jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
- JS显示和隐藏div
JS显示和隐藏div 接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果. 我们先看一下html的页面截图: 首先我们 ...
- JQuery显示和隐藏div
JQuery显示和隐藏div的方式 1.使用attr $("#id").attr("style","display:none;")----- ...
- 点击按钮显示或隐藏Div块
通过点击按钮实现Div块在显示状态与隐藏状态之间来回切换. 代码如下: 方法一: <!DOCTYPE html> <html> <head><script s ...
- html js 点击隐藏div,javascript实现显示和隐藏div方法汇总
javascript实现显示和隐藏div方法汇总 15种方法实现div显示和隐藏 body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; paddi ...
- html点击隐藏divjq,jquery点击a标签怎么显示和隐藏div?详解
你知道jquery点击a标签要如何才能够显示以及隐藏div吗?下面的文章要给大家讲解的就是这个方面的内容哦,一起来看看吧. 1.新建一个html文件,命名test.html,用来讲解jquery点击a ...
- 前端显示和隐藏div的方法 / 判断
前端 div 模块的显示和隐藏方法: 一.加载页面时 隐藏 再 显示 : 三种方法,亲测可行~~ <%@ page language="java" contentType=& ...
- jquery显示、隐藏div
//第1种方法 ,给元素设置style属性 $("#hidediv").css("display", "block"); //第2种方法 , ...
- jquery如何设置占位隐藏_JQuery显示、隐藏div的几种方法简明总结
AAA JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间 通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;&q ...
最新文章
- 主流的比较流行的Python量化开源框架
- 在JavaScript中实现yield,实用简洁实现方式。
- SAP Spartacus Enable the unit to allow editing 的信息提示框实现
- mysql qps如何查看_mysql状态查看 QPS/TPS/缓存命中率查看
- win7电脑假死机怎么办
- 官宣!华为主导首个软件定义摄像机国际标准诞生
- Redis的服务端启动和客户端连接
- 厉害!你的 CT 片子,AI 就能分析
- 箭头函数:this的指向问题
- mysql数据库远程安装,Linux_15:解决远程安装数据库
- php js attr,php如何像js一样解析DOM?
- WinMap+ | 稳马企业金服基于C4B理论的绿色金融生态区块链探索
- 最新席瓦莱恩服务器人口比例,2021魔兽世界怀旧服3月人口普查_最新怀旧服3月人口普查数据一览_3DM网游...
- 免费电子书下载网站汇总
- 二叉搜索树的模拟及其实现(c++)
- Springboot毕业设计毕设作品,黑白图片大全和AI智能上色系统
- 超参数的选择与交叉验证
- 前端优化——前端面试
- 降维之主成分分析法(PCA)
- 关于7.0去掉Chrome后,平台默认浏览器报错webview not installed的问题
热门文章
- Overview of Blockchain区块链概述
- 卷积神经网络:(二)风格迁移——原理部分
- 案例1:水果库存管理系统
- 作为一名测试工程师,你真的知道“微信红包”怎么测试吗?
- 【微信小程序控制硬件15 】 重认识无线物联网的配网协议,了解腾讯物联蓝牙协议LLSync SDK,腾讯连连小程序也可以蓝牙配网了。
- 解决IE8的Sysfader错误问题
- 如何找回回收站已清空的文件?教你一招轻松解决
- 借助PD4ML将HTML转化成RTF或者PDF
- Telerik DevCraft crack,改进了 PDF 处理
- ubuntu安装keepass2解决汉化乱码问题