<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox.jsp</title>
</head>
<body>
<div>
<h1>JSP 데이터 송수신 실습</h1>
<hr>
<p>CheckBox.jsp ● → CheckBox_ok.jsp </p>
</div>
<div>
<form action="CheckBox_ok.jsp" method="post">
이름 <input type="text" name="name"><br>
메모 <br>
<textarea rows="5" cols="30" name="memo"></textarea>
<br><br>
이상형 <br>
<label><input type="checkbox" name="checkGroup" value="아이유" >아이유</label>
<label><input type="checkbox" name="checkGroup" value="에일리">에일리</label>
<label><input type="checkbox" name="checkGroup" value="수지">수지</label>
<br>
<label><input type="checkbox" name="checkGroup" value="강동원">강동원</label>
<label><input type="checkbox" name="checkGroup" value="차은우">차은우</label>
<label><input type="checkbox" name="checkGroup" value="공유">공유</label>
<br>
<input type="submit" value="전송" class="btn"
style="width: 200px;">
</form>
</div>
</body>
</html>
<%@ page contentType="text/html; charset=UTF-8"%>
<%
// 스크립트 릿 영역
request.setCharacterEncoding("UTF-8");
// 이름 데이터 수신
String name = request.getParameter("name");
// 메모 데이터 수신
String memo = request.getParameter("memo");
memo = memo.replaceAll("\n", "<br>");
//-- JDK 1.5 이후에서 『replaceAll()』 사용 가능.
// 『replaceAll()』을 통해 처리한 결과물을 다시 memo 변수에 대입.
// 이상형 데이터 수신
//String checkGroup = request.getParameterValues("checkGroup"); // (Ⅹ)
// ※ 같은 name 속성의 값을 가진 데이터 여러 개를 받는(수신하는) 경우
// 이를 배열로 처리해야 한다.
String[] checkGroup = request.getParameterValues("checkGroup");
// 배열 데이터를 수신하여 처리할 경우...
// 수신된 데이터가 전혀 없는 경우는
// 배열의 값이 null 이 되어버리기 때문에
// null 에 대한 검사가 반드시 필요하다. check~!!!
String str = "";
if (checkGroup != null)
{
for (String item : checkGroup)
{
str += " [" + item + "]";
}
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox_ok.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div>
<h1>JSP 데이터 송수신 실습</h1>
<hr>
<p>CheckBox.jsp → CheckBox_ok.jsp ●</p>
</div>
<div>
<h2>수신 데이터</h2>
<h3>이름 : <%=name %></h3>
<h3>메모</h3>
<p><%=memo %></p>
<h3>이상형 : <%=str %></h3>
</div>
</body>
</html>
