单选框radio控制div的显示和隐藏

原创于 2018-12-17 10:18:53 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#单选框 #div显示与隐藏

前端同时被 2 个专栏收录

22 篇文章

订阅专栏

css

4 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的元素显示与隐藏动画效果的方法。通过监听radio按钮的状态变化，控制ID为'limit'的元素的显示与隐藏，并伴有动画效果。当选择特定的radio按钮时，该元素将以800毫秒的动画效果被隐藏或显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#limit").css({"display":"none"});
	 $("input[type=radio][name='dateType']").change(function(){
		var v = $(this).val();
		if (v =="1"){
			$("#limit").hide(800);
		}else{
			$("#limit").show(800);
			}
		});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

知否技术

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

参与评论您还未登录，请先登录后发表或查看评论

博客

前端2年经验，你居然不知道ES6

05-15

373

1. 啥是 ES6？在学习 ES6 之前，我们先了解一下啥是 ES。ES 全称 ECMAScript，它是由欧洲计算机协会(ECMA)制定的一种脚本语言的标准化规范。这家伙说白了就是给 JavaScript 制定的一种语法规范，你写 js 的时候如果按照 ES6 中的规范去写，写的代码不仅简洁而且效率很高。ES6 发行于 2015 年 6 月，由于这个版本的语法规范极大地提高了前端开发人员的效率，所以在前端圈子中流行开来，时至今日热度依旧不减。2. let 和 const2.1 letlet

博客

来来来，咱们聊一下 JWT

05-15

358

1. 为什么要用 JWT ?认证在谈起 JWT 之前，我们先了解一下什么是认证。在登录淘宝、微博等软件或者网站之前，我们需要通过填写账号和密码来校验身份。认证是用来验证用户身份合法性的一种方式。那我们登录成功之后，网站如何记录我们的身份信息呢？前面我们在学习 servlet 的时候，知道了传统的系统主要是通过 session 来存储用户的信息。session 将用户的信息存储在服务端。但是随着用户数量的增多，服务端就需要存一堆用户的认证信息，这种方式会不断增加服务端的压力。如果是分布式系统，

博客

MybatisPlus最全使用指南

05-15

1万+

1. Mybatis 存在的痛点我们知道 MyBatis 是一个基于 java 的持久层框架，它内部封装了 jdbc，极大提高了我们的开发效率。但是使用 Mybatis 开发也有很多痛点：每个 Dao 接口都需要自己定义一堆增删改查方法。/** * @Desc: UserDao 接口 * @Author: 公众号：知否技术 * @date: 下午7:43 2022/5/7 */public interface UserDao { // 获取所有用户信息 List<

博客

2022，不会SpringBoot，后端真的不好找工作

05-15

1476

1. SSM 框架存在的痛点前面我们学习了 SSM 框架的整合，整合之后感觉还挺好用，实际上有很多痛点。痛点一：只要整合一个框架，就要写一个配置文件，简直太麻烦了。痛点二：需要的 Maven 依赖太多了，那么长一串，记性差的根本记不住。痛点三：每次启动项目都需要配置 Tomcat，如果 Tomcat 有问题，项目就起不来了。简直竹篮打水一场空。那有没有这样一个框架：1.不需要很多配置2.不需要很多 Maven 依赖3.不需要配置 Tomcat创建完一个 WEB 项目用不了5分钟，并且

博客

关于 SSM 整合，这篇文章我写的很用心

05-15

488

1.邂逅 SSM前言记得大二上学期老师第一次讲 SSM 整合的时候，自己竟然浑浑噩噩睡过去了。平时上课不好好听讲，后来听说期末要交大作业了，自己被迫只能去网上找资料自学。不对。。。少打个S，不过这真的是我第一次搜 SSM 的资料，当时室友还说我变态。不过从那天起我带着尴尬的表情和搞定期末大作业的决心把 SSM 框架的整合认真研究了一遍。SSM 框架SSM 框架是 Spring、SpringMVC、MyBatis 的缩写，这三个框架整合起来适用于搭建各种大型的企业级应用系统。这个

博客

最全的SpringMVC 知识，终于让我找到了

05-15

469

1. 为啥要学 SpringMVC？1.1 SpringMVC 简介在学习 SpringMVC 之前我们先看看在使用 Servlet 的时候我们是如何处理用户请求的：配置web.xml<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta

博客

不会 MyBatis？看这篇文章就对了，吐血推荐

05-15

567

1. 为啥要用 MyBatis我们作为一个程序员，主要工作归根结底就是和数据打交道。而使用 java 操作数据库的原始方式就是 JDBC。先看看使用 JDBC 方式是如何操作数据库的：// 1. 加载配置文件Properties pro=new Properties();pro.load(new FileReader("resource/jdbc.properties"));// 2. 获取配置文件中连接数据库的信息String url=pro.getProperty("url");Stri

博客

深入浅出Spring，原来以前白学了

05-15

374

1. 为啥要用 Spring张三是一个编程小白，他每次在 service 层写代码都要自己 new 一堆 Dao 接口的实现类。public class ProjectServiceImpl implements ProjectService { UserDao userDao = new UserDaoImpl(); ProjectSectionDao projectSessionDao = new ProjectSessionDaoImpl(); ProjectDao pro

博客

Maven最全使用指南，都在这里了

05-15

4522

张三最近做了个项目，但是这个项目需要 30 多个 jar包。他只能从网上一个个去下载，下载完还要一个一个手动导入。好不容易搞完了，结果却发现有些 jar 包版本竟然不兼容，搞了一天也没搞好。真的是“豆腐拌腐乳-越搞越糊涂！。”经过一个多月的疯狂加班，这个项目终于做好了，张三部署好测试环境之后就交给测试人员李四了。张三想着终于能好好摸鱼了，谁知道李四工作特认真，一会就测出来一堆 bug。张三只能立即去更改 bug，改完还要手动编译、打包项目。最多的时候一天打包了十几次，可把张三累坏了。那如何避免上面

博客

在IDEA中使用Debug，真的太爽了

05-15

2031

1. Debug 简介为何要用 Debug?眼看 12 月马上就要过去了，张三正在大学宿舍床上躺着，此刻的他既开心又发愁。开心的是马上就能和女朋友一起跨年了，发愁的是自己 java 期末大作业一堆错误。张三英语不好，看不懂控制台的报错语句，所以越想越烦躁。突然，张三好像有了灵感，打开 IDEA 兴奋地敲了起来。正参与五黑的室友见状，不免有些好奇，都跑去看他的电脑：原来张三正在复制粘贴一堆打印语句。一室友实在看不下去了，问他：“你调试程序为啥不用 Debug ?”“你写这么多 system 语

博客

IDEA这样配置，好用到爆炸

10-20

2660

1. idea 简介IDEA 全称 IntelliJ IDEA ，是 JetBrains 公司使用 java 编程语言开发的集成环境，这家公司总部位于捷克共和国的首都布拉格。公司旗下还有其它产品，例如 WebStorm、PyCharm、PhpStorm、DataGrip 等。IntelliJ 在业界被公认为是地球上最好的 java 开发工具。尤其在代码自动提示、重构、版本工具、JUnit、代码分析等方面的功能可以说是超常的。1.1 版本区别 Ultimate：旗舰版，收费(

博客

学会了 eclipse , 班里女生都来找我玩！

10-15

436

1. eclipse 简介eclipse 是全世界范围内有名的集成开发环境，主要用来开发 java 程序。它就像士兵手中的 AK47，一出场就赢得了广大程序员的芳心。对了，在使用 eclipse 之前要一定要先安装 jdk!!!1.1 官网最新下载地址https://www.eclipse.org/downloads/但是！但是！但是！官网最新版本的 eclipse 需要最低版本的 jdk 是 jdk11，然而现在 jdk11 以上版本都要收费（后面可能会免费吧），所以我还是建议大家用与

博客

导入导出这么丝滑，你用的是 EasyPoi 吗？

05-25

969

丝滑的 EasyPoiPOI：用来处理 Excel、Word 等文件的技术。EasyPoi：让没有接触过 POI 的人也能方便的写出 Excel 的导入导出功能。说白了就是用了 EasyPoi，文件的导入导出变得 so easy！官网地址：http://easypoi.mydoc.io/1. SpringBoot整合EasyPoi引入依赖<dependency> <groupId>org.projectlombok</groupId> &l

博客

哎我就不信了，Java IO有这么难吗？

05-24

352

1. IO流1.1 IO流简介I 是 input，表示输入。o 是output，表示输出。流指的就是数据的传输。Java IO 的字面意思：通过 java 编程语言实现数据的输入和输出。在这里指的就是文件的读和写操作。那么，关于读，数据从哪里来？关于写，数据写到那里去？读：将数据从硬盘加载到内存中，例如通过 java 程序查看 txt 文档。写：将数据从内存写入到硬盘中，例如通过 java 程序给 txt 文档添加几个字符。所以呢，读写操作就是数据在内存和硬盘之间的传输。1.

博客

昨晚12点，女朋友突然问我：你会RabbitMQ吗？我竟然愣住了。

02-04

516

01为什么要用消息队列？1.1 同步调用和异步调用在说起消息队列之前，必须要先说一下同步调用和异步调用。同步调用：A服务去调用B服务，需要一直等着B服务，直到B服务执行完毕并把执行结果返回给A之后，A才能继续往下执行。举个例子：过年回到家，老妈对你说：“你也不小了，该谈女朋友了，隔壁王阿姨给你…。”“妈！我谈的有！"老妈嘴角微微上扬：“那她现在有空吗？让妈给你把把关。”你被逼之下跟女朋友开视频说：“那个我妈在我旁边，她想跟你说说话。”你女朋友一下子慌了，立马拿起眉笔、口红、遮瑕对你说：“你先.

博客

人均年薪50万以上，docker到底是什么？为什么这么火？

02-03

694

为什么要使用Docker？场景一：公司双十一买了一堆服务器，技术总监让你给它们一个个都配置上JDK、Mysql、Redis等软件环境。你心里小声嘀咕：“这总监不讲武德！“然后你开始一个个去安装、配置，结果搞了一天都没有配置好。到了晚上10点，总监对你说：“你到底行不行？我劝你好自为之！“场景二：你和公司同事共用一台服务器进行开发，中间突然你俩的程序都挂了。同事很恼火，拿着键盘指着你说：“怪不得总监昨晚劝你好自为之，我看你就是不行！”你一听不行，脑子就炸了！“男人不能说不行啊！“你上去就给了他.

博客

Linux系统安装JDK

02-03

330

今天给大家讲一下如何在Linux系统上安装JDK，话不多说，盘它！01.Linux 卸载 JDK1.首先输入java -version 查看 linux 系统是否已经安装 jdk[root@ecs-1d22-0002 ~]# java -versionjava version "1.8.0_131"Java(TM) SE Runtime Environment (build 1.8.0_131-b11)Java HotSpot(TM) 64-Bit Server VM (build 25.13.

博客

学会lambda表达式，能让你少敲1000行代码！

02-03

493

01.什么是lambda表达式1. 函数式接口在聊起lambda表达式之前，我们不得不提起函数式接口：一个接口只包含唯一的方法，那么它就是函数式接口。例如：public class LambdaTest { public static void main(String[] args) { Lambda lambda=new SonLambda(); lambda.say(); }}//1.一个接口只包含一个方法就是函数式接口interface.

博客

MongoDB：我知道你很爱我

02-03

370

为什么要使用 MongoDB张三大学毕业设计题目是《XXX博客论坛》，他在存储用户评论的时候遇到了一个问题：这些评论数据量非常大，但是价值不是很大，如果存储在 MySQL 数据库中就会浪费性能。李四在工作过程中遇到一个需求：在审批模块中，每一个公司都可以自定义请假类型，例如调休、出差等。相当于给每个公司维护一个自己的数据字典。张三的痛点是存储的博客评论数据量大但是价值不大，不适合使用Mysql存储。李四的痛点是需要维护一个数据字典，不适合用关系型数据局。为了解决张三和李四的痛点，这个时.

博客

cookie显示上一次登录时间

01-08

631

import java.io.IOException;import java.text.SimpleDateFormat;import java.util.Date;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.Cook...