接上个文章 记录下如何按照input标签内的radio使用户使用不同的按钮（不同功能）

最新推荐文章于 2023-01-05 01:19:43 发布
最新推荐文章于 2023-01-05 01:19:43 发布
阅读量268 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Java_learnner/article/details/104313801
版权

在这里插入图片描述

如上图所示 我将登录时候的 radio的值存入session中

<%@ page language=“java” contentType=“text/html; charset=UTF-8”
pageEncoding=“UTF-8”%>
<%@taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%>

用户信息管理 
<body id="bg">
	<!-- 左边节点 -->
	<div class="container">

		<div class="leftsidebar_box">
			<a href="main.jsp" target="main">
				<div class="line">
					<img class="icon1" src="static/images/coin01.png" /> <img
						class="icon2" src="static/images/coin02.png" />&nbsp;&nbsp;首页
				</div>
			</a>
			<!-- 此处将前台获取的radio的选项值从session域中拿到
        	     目的是为了判断用户属于那种类型 
        	     从而让页面显示该用户相应的按钮 
        	     从而实现区分管理员 用户  教师三种角色
         	-->
			<c:if test="${type==0}">
				<!-- radio==0 表示当前为学生对象 -->
				<!-- 学生信息管理-->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 学生信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="User_management.jsp" target="main" class="cks">学生信息查询</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="jumpStudentAdd" target="main" class="cks">添加学生信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="JumpUpdateStudentInfos" target="main" class="cks">学生信息修改</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>
			</c:if>

			<c:if test="${type==1}">
				<!-- radio==1 表示当前为教师对象 -->
				<!-- 教师信息管理 -->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 教师信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="teacher.jsp" target="main">教师信息查询</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="jumpInstructorAdd" target="main">添加教师信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="jumpUpdateTeacherInfos" target="main">教师信息修改</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>

			</c:if>

			<c:if test="${type==2}">
				<!-- radio==2 表示当前为管理员对象 -->
				<!-- 学生信息管理-->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 学生信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="User_management.jsp" target="main" class="cks">学生信息查询</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="jumpStudentAdd" target="main" class="cks">添加学生信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="JumpUpdateStudentInfos" target="main" class="cks">学生信息修改</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>
				<!-- 教师信息管理 -->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 教师信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="teacher.jsp" target="main">教师信息查询</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="jumpInstructorAdd" target="main">添加教师信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="jumpUpdateTeacherInfos" target="main">教师信息修改</a>
						<img class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>
				<!-- 管理员信息管理 -->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 管理员信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="admin.jsp" target="main">管理员信息查询</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							class="cks" href="jumpAdminadd" target="main">添加管理员信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>
				<!-- 院系信息管理-->
				<dl class="system_log">
					<dt>
						<img class="icon1" src="static/images/coin07.png" /> <img
							class="icon2" src="static/images/coin08.png" /> 院系信息管理 <img
							class="icon3" src="static/images/coin19.png" /> <img
							class="icon4" src="static/images/coin20.png" />
					</dt>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="dept.jsp" target="main" class="cks">院系信息查询</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
					<dd>
						<img class="coin11" src="static/images/coin111.png" /> <img
							class="coin22" src="static/images/coin222.png" /> <a
							href="jumpDeptadd" target="main" class="cks">添加院系信息</a> <img
							class="icon5" src="static/images/coin21.png" />
					</dd>
				</dl>
			</c:if>


		</div>

	</div>
</body>
以下为效果图： 教师：

在这里插入图片描述

学生：
在这里插入图片描述

管理员：

在这里插入图片描述

此上就是效果图。

点击不同的单选按钮展示不同的效果
Sun_of_Rainy的博客
04-06 1571
前台页面是layui写的 <script type="text/html" id="online"> <form class="layui-form" action=""> <fieldset class="layui-elem-field layui-field-title" style="margin-top:...
【愚公系列】《微信小程序与云开发从入门到实践》017-提供用户交互功能的组件
最新发布
时光隧道
09-06 4万+
在微信小程序的开发过程中，用户交互功能的实现是提升用户体验的关键。而微信小程序提供了一系列强大的组件，专门用于增强用户与应用之间的互动。这些组件不仅丰富了小程序的功能，也为开发者提供了灵活的工具，以满足不同场景下的交互需求。本篇文章将深入探讨微信小程序中主要的用户交互组件，包括按钮、表单、滑动条、对话框等。我们将详细分析每个组件的特性、使用方法以及最佳实践，帮助你更好地理解如何通过这些组件来提升用户体验。无论你是小程序开发的新手，还是希望优化现有应用的资深开发者，这篇文章都将为你提供实用的见解和技巧。
怎么记录上次选择的Radio
liuyukuan的专栏
11-03 1389
<br />就是说上次选择了Radio1 下次打开则默认为Radio1<br />IfNotExist,config.ini ;若没有配置文件则调用Create_ini并显示设置界面 { FileAppend,[settings]`nisCheck=,config.ini } iniRead,isCheck,config.ini,settings,isCheck,0 ;默认为0 ;下面增加一组两个无线按钮 Gui,Add,radio,w50 h50 gradio vradio1,radio名1
java radio_radio应用
weixin_33007509的博客
02-21 617
1.获取选中值，三种方法都可以：$('input:radio:checked').val()；$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值：$('input:radio:first').attr('checked','checked');或者$('input:...
js操作radio单选框改变事件 点击radio执行相应操作(一般的可以)
勤快的小蚂蚁的博客
12-13 8567
我们经常看到一些点击选择特效：下拉框或者单选框，选择了不同的值，页面会进行相应的改变，这就是利用了change事件。今天总结的是radio单选框改变事件的原理。 要实现这样的效果，就要获取相应点击事件对应的改变。先看下一个简单的radio表单结构： <div class="layui-form-item"> <label class="layui-form-label"...
session对象
Hyo_yew的博客
03-24 2513
session对象web服务器会给每一个用户自动创建一个session对象，为每一个session对象分配一个唯一表识的String类型的ID，这个ID用来区分其他用户。这样每个用户都对应一个session对象，不同用户的session对象互相不同。当在不同文件夹里放不同的jsp文件并分别运行时：一个用户在同一个web服务目录中只有一个session对象，当用户访问相同的web服务目录的其他页面时...
Android本地历史记录与产品标签的实现技巧
在探讨标题“本地历史记录及产品标签（单选、多选）”所涉及的知识点前，首先要明确在IT领域中，本地历史记录和产品标签是两种不同的概念，但它们通常都会用在软件应用的开发中，尤其是移动应用和Web应用的开发。...
【学习记录】使用高德地图API开发一个简单基础的WebGIS系统(GIS考研院校专题地图网站)
weixin_46346674的博客
01-05 9400
高德地图API实现一个简单基础的WebGIS，功能有图层管理、路径规划、POI搜索、热力图、点图层交互、上下文菜单等。
html学习记录总结
01-04
此外，还可以使用`<label>`标签为表单控件添加标签，以便于辅助功能。 示例代码： ```html 用户名： <input type="text" id="username" name="username"> ``` #### CSS样式 除了HTML标签本身，CSS也是前端开发不可...
HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体
weixin_44819178的博客
08-04 950
一、排版标签 1、标题标签 在新闻和文章的页面中都离不开标题，用来突出显示文章主题。 h系列标题 <body> <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级
input中radio对象的使用、获取方法
jerrygaoling的博客
05-07 4万+
input 中 radio 对象的使用方法 radio 对象 radio 是单选按钮属性 radio 使用方式 基本使用方式 &lt;input type="radio" name="radio" value="1" /&gt; 设置默认参数 多选情况下，将name属性设置为不同的值，如基本使用方式中，此时可对两个选择按钮进行同时选择。 &lt;inpu...
多个不同的单选框点击分别显示输入框
weixin_33962923的博客
12-11 742
<div class="box"> 　　<ul> 　　　　<li><label><input type="radio" class="radio_ots" name="按钮一" />按钮一</label></li> 　　　　<input type="text" class="otext_ts" ...
点击不同的单选按钮(radio)出现不同的内容
11-18 3921
前台的一个模块可以调用不同的数据 html： <p> <input id="list" onclick="acheck1()" type="radio" name="list" value="1">选项1 <input id="list" onclick="acheck2()" type="radio" name="list" value=...
html中radio按键改button,自定义原生单选按钮input[type="radio"]样式的两种方式
weixin_29605297的博客
06-26 1430
原生单选按钮input[type=="radio"]的样式总是不那么友好，在不同的浏览器中表现不一。我们可以借助伪类来实现。一、 控件与label 并列是否展示思路1、可以为元素添加生成性内容(伪元素)，用其来设置单选按钮的样式。2、把真正的单选按钮隐藏起来。代码1、给label标签添加伪类需要注意的是，选中时使用background-clip裁剪内容时，padding会让内容撑大，故width、...
java获取radio选中的值_获取radio值
weixin_42498003的博客
02-17 1804
使用jquery获取radio的值使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.<input type="radio" name="testradio" value=...文章涂作权2015-03-31782浏览量jQuery如何获取选中...
java 单选框 取消选中,radio(单选框)反复选中与取消选中
weixin_35396246的博客
03-12 768
做个记录，以便需要拿取$(function(){第一种$('input:radio').click(function(){//alert(this.checked);//var domName = $(this).attr('name');var $radio = $(this);// if this was previously checkedif ($radio.data('waschecke...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值