Modify class of a button tag in a JSP on the basis of EL value

Question

My button tag in the JSP is

<button type="submit" class="btn btn-danger student-age">
<span class="age">${student.age}</span>
</button>

I want my button class btn-danger to be changed to btn-success if student age is greater than 18.

student.age is coming from java code using EL.

score 3 · Accepted Answer · answered Oct 23 '18 at 09:57

3

I would go for a ternary expression:

<button type="submit" class="btn ${student.age gt 18 ? 'btn-success' : 'btn-danger'} student-age">
<span class="age">${student.age}</span>
</button>

Or if you need greater than or equals to, use ge instead of gt.

See also:

Ternary operator in JSTL/EL

answered Oct 23 '18 at 09:57

Jasper de Vries

19,370
6
64
102

that's awesome, had no idea it was possible to use in the class like that – Jonathan Laliberte Oct 23 '18 at 10:15

Jonathan Laliberte · Answer 2 · 2018-10-23T10:12:38.950

0

Use JSTL lt and gt (less than and greater than)

<c:if test="${student.age gt 18 || student.age eq 18}">
<button type="submit" class="btn btn-success student-age"><span class="age">${student.age</span></button>
</c:if>

<c:if test="${student.age lt 18}">
<button type="submit" class="btn btn-danger student-age"><span class="age">${student.age</span></button>
</c:if>

edited Oct 23 '18 at 10:12

answered Oct 23 '18 at 09:54

Jonathan Laliberte

2,672
4
19
44

Thanks mate, I used ternary expressions instead :) – Ayush Oct 23 '18 at 10:00
1

This will fail if age equals 18 – Jasper de Vries Oct 23 '18 at 10:00
ah yeah good point. Edited. Your solution is way simpler anyway. – Jonathan Laliberte Oct 23 '18 at 10:13

Modify class of a button tag in a JSP on the basis of EL value

2 Answers2