12주차 - jsp (12) getParameter() 로 <input type="radio">의 값 출력하기

2022. 9. 22. 09:55jsp/jsp

이번의 목표

01. getParameter() 를 이용하여 <input type="radio"> 를 출력해보자.

 


지난 시간까지는 <input type="text">, <input type="checkbox">, <textarea> 의 값을 받아와서 출력해봤습니다.

이번에는 <input type="radio">의 값을 출력해보겠습니다.

<input type="radio">는 보통 단일 선택이 기본이기 때문에 "checkbox" 처럼 배열로 받을 필요는 없습니다.

01. 데이터 전송 페이지 코드
02. 데이터 출력 페이지 코드
03. 실행 화면

01. 데이터 전송 페이지 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>researchForm</title>
<style>
</style>
</head>
<body>
	<div>
	<form action="researchResult.jsp" method="post">
		<label>이름 : </label> <input type="text" name="name"><br>
		<label>자기 소개</label><br>
		<textarea rows="10" cols="30" name="info"></textarea><br>
		<fieldset>
			<legend>연령 조사</legend>
			<label>10대</label><input type="radio" name="age" value="10대">
			<label>20대</label><input type="radio" name="age" value="20대">
			<label>30대</label><input type="radio" name="age" value="30대">
			<label>40대</label><input type="radio" name="age" value="40대">
		</fieldset>
		<br>
		<fieldset>
			<legend>취미 조사</legend>
			<label>독서</label><input type="checkbox" name="like" value="독서">
			<label>춤추기</label><input type="checkbox" name="like" value="춤추기">
			<label>멍때리기</label><input type="checkbox" name="like" value="멍때리기">
		</fieldset>
		<br>
		<input type="submit" value="전송">
	</form>
	</div>
</body>
</html>

02. 데이터 출력 페이지 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>researchResult</title>
</head>
<body>
<H1>설문 조사 결과</H1>
이름 : <%=request.getParameter("name") %><br>
소개 : <%=request.getParameter("info") %><br>
나이 : <%=request.getParameter("age") %><br>
취미 : <%
	String[] likes =request.getParameterValues("like");
	for(String like : likes){
		out.print(like + "<br>");
	}
%>
</body>
</html>

03. 실행 화면