Thymeleaf onclick send string as parameter value to javascript function

Question

I want to pass multiple parameters on onClick in From Thymeleaf to javascript function.

<label th:onclick="getUserId(userId,email);" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

My Javascript function is:-

<script>
   function getUserId(userID,userEmail){
      console.log(userID,userEmail);
    }
</script>

How to do it?

have you checked your label is clicked without passing any parameters? try doing in this way <ELEMENT onclick="handler"> — Hemant Kumar
– Hemant Kumar, Commented Jul 8, 2019 at 12:56

Nikant Chaudhary · Accepted Answer · 2019-07-13 03:04:22Z

9

It can be done by using the following:-

<label th:onclick="getUserId([[${userId}]],[[${email}]] );" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

Here, userId is of Integer type end email is of String type.

Update :-

This also works:-

<label th:data-parameter1="${userId}" th:data-parameter2="${email}"  th:onclick="getUserId(this.getAttribute('data-parameter1'),this.getAttribute('data-parameter2'));" for="radio-11" data-toggle="tooltip" data-placement="bottom" data-trigger="hover"  class="pm-tab1-pad">

edited Jul 13, 2019 at 3:04

answered Jul 8, 2019 at 12:56

Nikant Chaudhary

1492 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user9735824 Over a year ago

This will not work going forward. Look at this stackoverflow.com/questions/54224058/…

Nikant Chaudhary Over a year ago

I have updated the answer, but you downvoted my earlier answer,was my answer wrong ?

Collectives™ on Stack Overflow

Thymeleaf onclick send string as parameter value to javascript function

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related