체크박스 사용해 원하는 값 출력하기

이번엔 동적테이블을 만들어서

체크박스를 이용해 체크된 항목의 값들만

출력 시켜보겠다.

먼저 저번 포스팅처럼 버튼과 체크박스를 생성해준다.

다음 화면에서 체크된 값들만 출력시켜주기 위해

jstl을 사용한다. 먼저 저번 포스팅에서 썼던 것 처럼

체크박스들은 arr배열에 담기게 된다

그리고 체크한 항목을 출력하기 위해 

4line의 <th>${arr}</th> 를 사용했다.

다음 해당하는 항목의 값들을 DB에서 뽑아오도록

c:if문을 주어 arr값이 아이디 이면 DB에 있는

id값을 가져올수 있도록 해준다.

<table class="table table-hover table-striped">
                              <thead>
                              <c:forEach items="${arr}" var="arr" varStatus="status">
                              <th>${arr}</th>
                              </c:forEach>
                              </thead>
                              <tbody>
                               <c:forEach items="${welcomeWebList}" var="welcomeWebList" varStatus="status">
                                  <tr>
                                          <c:forEach items="${arr}" var="arr" varStatus="status">
                                          <c:if test="${arr =='아이디'}">
                                        <td><c:out value="${welcomeWebList.id}"/></td>
                                        </c:if>
                                        <c:if test="${arr =='이름'}">
                                        <td><c:out value="${welcomeWebList.userName}"/></td>
                                        </c:if>
                                        <c:if test="${arr =='나이'}">
                                        <td><c:out value="${welcomeWebList.age}"/></td>
                                        </c:if>
                                        <c:if test="${arr =='국가'}">
                                        <td><c:out value="${welcomeWebList.country}"/></td>
                                        </c:if>
                                        <c:if test="${arr =='기타'}">
                                        <td><c:out value="${welcomeWebList.etc}"/></td>
                                        </c:if>
                                        </c:forEach>
                                     </tr>
                               </c:forEach>
                              </tbody>
                          </table>