Thymeleafでcheckboxが動作しない

Question

Thymeleaf初心者です。

Thymeleafでcheckboxが動作しない現象が起きております。

<input class="sample" 
type="checkbox"	th:field="${sample.checkbox1}"
th:value="1">

sample.checkbox1には"1"が入っております。
上記の記述で1が入っていた場合は、checked="checked"が付与される認識でおります。
また、初期表示時のみでなくその後のクリックでのチェックも動作しません。

表示時、デバッグモードで確認したところ下記のソースとなっております。

<input class="sample" 
type="checkbox"	
value="1" name="checkbox1" checked="checked">
<input type="hidden" name="_checkbox1" value="on">

この<input type="hidden" name="_checkbox1" value="on">
が原因ぽいのですが、勝手に入ってくるようでどのように対応してよいかわかりかねる状況です。

参考サイト：
http://javazuki.com/articles/thymeleaf-input-form.html
※valueがonのhiddenフィールドも生成されるが、これはチェックを外したときに値を送らない対策。
と記載されておりますが、理解できていない状況です。

宜しくお願いいたします。

Answer 1

Thymeleaf3系では、checkboxの出力は、th:checked="${ boolean }" で行います。

条件式も可能なので、例えば

<input type="checkbox" name="checkbox1" th:checked="${checkbox1 == 1}" th:value="1"></input>

で、checkbox1の値が1のときはチェックが付きます。

Comments

[G_D]

Thymeleaf3でした！
ご教示いただきました通り、
<input type="checkbox" name="checkbox1" value="1"
th:checked="${sample.checkbox1 == '1'}" ></input>
と修正したところ期待通りの動作になりました。
ありがとうございました！

[A-pZ]

d(・ω・ ｸﾞｯ