Java Spring with thymeleaf checkbox non checked is Empty instead of false

Question

I have checkbox inside of my form :

  <div class="form-check form-check-inline">
                        <input type="checkbox" th:field="${search.titleIncl}" />
                        <label class="form-check-label" th:for="${#ids.next('covered')}">Title</label>
                    </div>

This checkbox by default should be on since search object has this value assigned as true. This works fine. What i expected from thsi checkbox is to send either true or false when its checked/unchecked. What i got now is True if its checked and nothing when not checked. That his a bit of an issue for me :

In controller:

@GetMapping(value = Utils.MAPPING_INDEX)
public ModelAndView index(@RequestParam("titleIncl") Optional<Boolean> titleIncl) {
    ...calling fillSearch inside of body....
}


private Search fillSearch(Optional<Boolean> titleIncl..) {

        Search search = new Search();

        //Get seach value if nothing provided give me default.
        search.setTitleIncl(titleIncl.orElse(search.isTitleIncl()));
        ...

        return search;
}

Whole point of this form is to get user select what parts of the object he wants to search :

So if he unselects checkbox and i dont send FALSE in optional, I run into problem.

When user initialy goes into the site, he doesnt send any of these parameters so it behaves fine by setting everything to true. Bud once he initiates search and deselects parts he doesnt wanna search in, he still ends up with defaults and searches in everything.

So is there a simple way of sending Optional FALSE if checkbox value is not selected?

Note :

By simple i mean without creating additional endpoint for this form search and no Javascript :)
And yes the form is under GET request

Try this <input type="checkbox" th:field="${search.titleIncl}" th:attr="value = ${search.titleIncl}" /> — arseniyandru
– arseniyandru, Commented May 29, 2019 at 15:30

Srinivasan Sekar · Accepted Answer · 2019-05-29 16:03:40Z

1

No matter what you do , only checked checkboxes are sent to server, not unchecked one.You have to code it in server to handle unchecked checkboxes.

https://www.w3.org/TR/html401/interact/forms.html#form-controls

Checkboxes (and radio buttons) are on/off switches that may be toggled by the user. A switch is "on" when the control element's checked attribute is set. When a form is submitted, only "on" checkbox controls can become successful.

But with the thymeleaf you can try like below ,

<ul>
  <li th:each="feat : ${allFeatures}">
    <input type="checkbox" th:field="*{features}" th:value="${feat}" />
    <label th:for="${#ids.prev('features')}" 
           th:text="#{${'seedstarter.feature.' + feat}}">Heating</label>
  </li>
</ul>

which will produce below html ,

<ul>
  <li>
    <input id="features1" name="features" type="checkbox" value="SEEDSTARTER_SPECIFIC_SUBSTRATE" />
    <input name="_features" type="hidden" value="on" />
    <label for="features1">Seed starter-specific substrate</label>
  </li>
  <li>
    <input id="features2" name="features" type="checkbox" value="FERTILIZER" />
    <input name="_features" type="hidden" value="on" />
    <label for="features2">Fertilizer used</label>
  </li>
  <li>
    <input id="features3" name="features" type="checkbox" value="PH_CORRECTOR" />
    <input name="_features" type="hidden" value="on" />
    <label for="features3">PH Corrector used</label>
  </li>
</ul>

Don’t worry about those hidden inputs with name="_features": they are automatically added in order to avoid problems with browsers not sending unchecked checkbox values to the server upon form submission.

7 Comments

Tomas Bisciak Over a year ago

Thats not a good news, I was hoping that thymeleaf will have some special behaviour where i can set this up

Srinivasan Sekar Over a year ago

No other way @TomasBisciak . thymeleaf has nothing to do with checkboxes.Try build a diff logic

Tomas Bisciak Over a year ago

Yhe I already adjusted logic and found different solution bud its just way more code then what i expected. Thanks anyway

Metroids Over a year ago

That's not true, if you read the thymeleaf documentation for checkboxes, you see this comment:

Don’t worry about those hidden inputs with name="_features": they are automatically added in order to avoid problems with browsers not sending unchecked checkbox values to the server upon form submission.

I think you're using th:field wrong (but it's hard to tell from your code) -- in general you should be using *{...} expressions, not ${...} expressions.

Srinivasan Sekar Over a year ago

Hi @TomasBisciak actually we can do with thymeleaf see the updated answer thanks to Metroids

|

Collectives™ on Stack Overflow

Java Spring with thymeleaf checkbox non checked is Empty instead of false

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related