Thymeleafを使った全選択するチェックボックスの実装

Question

前提・実現したいこと

初めに、Thymeleafは初めて使用するため、理解していない部分が多いです...

Thymeleafを用いたHTMLで、Scriptを用い、ページ内の全てのチェックボックスを選択状態にするチェックボックスを追加しようとしている。
あるサイト(※試したこと参照)にあったプログラムを、Thymeleafを用いたものに変更させたいが、実行してクリックしてもすべて選択されない。

該当のソースコード

//Thymeleafの宣言、ヘッダー、タイトル、ボディ等省略

//Script
<script type="text/javascript" th:inline="javascript">
 function AllChecked(){
  var all = document.form.all.checked;
  for(var i=0; i<document.form.test.length; i++;){
   document.form.test.checked = all;
  }
 }

 function DisChecked(){
  var checks = document.form.test;
  var checksCount = 0;
  for(var i=0; i<checks.length; i++;){
   if(checks[i].checked == false){
    document.form.all.checked = false;
   }else{
    checksCount +=1;
    if(checksCount = checks.length){
     document.form.all.checked = true;
    }
   }
  }
 }
</script>

//BODY内
<form name="form">
 <input type="checkbox" th:name="all" th:onClick="|AllChecked()|" />すべて選択<br>
 <input type="checkbox" th:name="test" th:onClick="|DisChecked()|" />1<br>
 <input type="checkbox" th:name="test" th:onClick="|DisChecked()|" />2
</form>

試したこと

http://labyrinth-of-wisdom.hatenadiary.com/entry/2016/07/20/202324
上記サイトのプログラムをThymeleaf版に書き換え。

補足情報（FW/ツールのバージョンなど）

Springboot使用。
バージョンは最新のものを使用。

Answer 1

タイムアタック系のお遊びでつくったデモなので非効率ですが参考としてあげますね。

Answer 2

ThymeleafもJavaも度外視で実現できるので、まずは静的html(モック)で作ってください。
もしモックで実現できているのなら、ブラウザに出力されたhtmlを確認してください。どこかがきちんとモックと同じにできていないはずです。