본문 바로가기
[개발] Programming/JSTL

JSTL 태그에 class나 stlye에 if 조건문을 사용하는 방법

by eatyourKimchi 2018. 11. 5.

JSTL을 이용하면 JQuery 없이도 태그나 다른 element를 제어할 수 있다. 



예1. div의 배경색을 조건에 따라 파란색이나 빨간색으로 표현하고 싶을 경우. 


java 컨트롤러 소스

modelMap.put("color", "red"); 


웹 페이지 소스

<div stlye="

            <c:if test='${color eq 'red'}'>background-color:red;</c:if>

            <c:if test='${color eq 'blue'}'>background-color:blue;</c:if> 

           "> 

    배경을 붉은색으로 

</div> 


결과 페이지 소스

<div stlye="background-color:red;"> 

    배경을 붉은색으로 

</div> 



예2. div에 조건에 따라 클래스(redBackground)를 부여하는 경우 


java 컨트롤러 소스

modelMap.put("addClass", "Y"); 


웹 페이지 소스

<div class=" <c:if test='${addClass eq 'Y'}'>redBackground</c:if> "> 

    배경을 붉은색으로 

</div> 


결과 페이지 소스

<div class="redBackground"> 

    배경을 붉은색으로 

</div> 



마찬가지로 JSTL에서 제공하는 choose 조건문을 if 대신 사용할 수 있다.



댓글