처음 페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CheckBox Radio</title>
</head>
<body>
<h2>원하는 것을 클릭하시오 </h2>
<form action="checkWrite.jsp">
<h4>이름을 입력하세요</h4>
<input type="text" name="name" id="name"><br>
<label>좋아하는 색상을 선택하시오</label>
<input type="checkbox" name="colors" id="blue" value="blue">
<label for="blue">파랑</label>
<input type="checkbox" name="colors" id="red" value="red">
<label for="red">빨강</label>
<input type="checkbox" name="colors" id="yellow" value="yellow">
<label for="yellow">노랑</label>
<input type="checkbox" name="colors" id="green" value="green">
<label for="green">녹색</label>
<input type="checkbox" name="colors" id="pink" value="pink">
<label for="pink">핑크</label>
<h4>좋아하는 과일 1개만 선택하세요</h4>
<input type="radio" name="fruit" id="apple" value="apple">
<label for="apple">사과</label>
<input type="radio" name="fruit" id="banana" value="banana">
<label for="banana">바나나</label>
<input type="radio" name="fruit" id="strawberry" value="strawberry">
<label for="strawberry">딸기</label>
<input type="radio" name="fruit" id="melon" value="melon">
<label for="melon">멜론</label>
<input type="radio" name="fruit" id="peach" value="peach">
<label for="peach">복숭아</label>
<h4>가고 싶은 나라를 선택하세요</h4>
<select name="country">
<option value="france">프랑스</option>
<option value="italy">이탈리아</option>
<option value="swiss">스위스</option>
<option value="england">영국</option>
</select>
<input type="submit" value="전송">
<input type="reset" value="취소">
</form>
</body>
</html>
뷰페이지
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("utf-8"); %>
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<meta charset="UTF-8">
<title>CHeck Write</title>
</head>
<body>
<table>
<tr>
<th>색상</th>
<td><% String color="";
String[] colors=request.getParameterValues("colors");
for(int i=0;i<colors.length;i++){
if(i==0) color+=colors[i];
else color+=","+colors[i];
} out.println(color);
%></td>
</tr>
<tr>
<th>과일</th>
<td><%=request.getParameter("fruit")%></td>
</tr>
<tr>
<th>나라</th>
<td><%=request.getParameter("country")%></td>
</tr>
</table>
<script type="text/javascript">
function reset_page(){
alert("다시 초기화면으로 돌아갑니다");
location.href="jsp1226_05.jsp";
}
</script>
<form action="jsp1226_06.jsp">
<input type="hidden" name="name" value='<%=request.getParameter("name")%>'>
<input type="hidden" name="colors" value='<%=color%>'>
<input type="hidden" name="fruit" value='<%=request.getParameter("fruit") %>'>
<input type="hidden" name="country" value='<%=request.getParameter("country") %>'>
<button type="button" onclick="reset_page()">리셋</button>
<button type="submit">수정</button>
</form>
</body>
</html>
수정페이지
<%@ 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>CheckBox Radio</title>
</head>
<body>
<h2>수정페이지: 원하는 것을 클릭하시오 </h2>
<form action="checkWrite.jsp">
<h4>이름을 입력하세요</h4>
<input type="text" name="name" id="name" value='<%=request.getParameter("name")%>'><br>
<label>좋아하는 색상을 선택하시오</label>
<input type="checkbox" name="colors" id="blue" value='blue' <%if(request.getParameter("colors").contains("blue"))out.println("checked");%>>
<label for="blue">파랑</label>
<input type="checkbox" name="colors" id="red" value="red" <%if(request.getParameter("colors").contains("red"))out.println("checked");%>>
<label for="red">빨강</label>
<input type="checkbox" name="colors" id="yellow" value="yellow" <%if(request.getParameter("colors").contains("yellow"))out.println("checked");%>>
<label for="yellow">노랑</label>
<input type="checkbox" name="colors" id="green" value="green" <%if(request.getParameter("colors").contains("green"))out.println("checked");%>>
<label for="green">녹색</label>
<input type="checkbox" name="colors" id="pink" value="pink" <%if(request.getParameter("colors").contains("pink"))out.println("checked");%>>
<label for="pink">핑크</label>
<h4>좋아하는 과일 1개만 선택하세요</h4>
<input type="radio" name="fruit" id="apple" value="apple" <%if(request.getParameter("fruit").equals("apple"))out.println("checked");%>>
<label for="apple">사과</label>
<input type="radio" name="fruit" id="banana" value="banana" <%if(request.getParameter("fruit").equals("banana"))out.println("checked");%>>
<label for="banana">바나나</label>
<input type="radio" name="fruit" id="strawberry" value="strawberry" <%if(request.getParameter("fruit").equals("strawberry"))out.println("checked");%>>
<label for="strawberry">딸기</label>
<input type="radio" name="fruit" id="melon" value="melon" <%if(request.getParameter("fruit").equals("melon"))out.println("checked");%>>
<label for="melon">멜론</label>
<input type="radio" name="fruit" id="peach" value="peach" <%if(request.getParameter("fruit").equals("peach"))out.println("checked");%>>
<label for="peach">복숭아</label>
<h4>가고 싶은 나라를 선택하세요</h4>
<select name="country">
<option value="france" <%if(request.getParameter("country").equals("france"))out.println("selected");%>>프랑스</option>
<option value="italy" <%if(request.getParameter("country").equals("italy"))out.println("selected");%>>이탈리아</option>
<option value="swiss" <%if(request.getParameter("country").equals("swiss"))out.println("selected");%>>스위스</option>
<option value="england" <%if(request.getParameter("country").equals("england"))out.println("selected");%>>영국</option>
</select>
<input type="submit" value="전송">
<input type="reset" value="취소">
</form>
</body>
</html>
공부
가끔져요