Mapの値をラジオボタンで表示、初期状態で選択や選択された値の保持をしたい。

Question

前提・実現したいこと

日付計算アプリを作成しております。

部品のひとつで、初日を「数える」「数えない」のラジオボタンを作りまして、
「数えない」場合は日数+0、「数える」場合は-1の計算処理を行えるよう実装いたしました。

実現したいことは、初期値を「数えない」のラジオボタンに設定することと、
計算処理後も選択したボタンで留まるようにしたいです。

発生している問題・エラーメッセージ

今回Mapを使い、HTML側に送っているため、checked属性を使用すると、Mapの最後に呼び出される「数える」のボタンにだけ初期値が設定されてしまいます。

該当のソースコード

@RequestMapping(value = "/daycount", method = RequestMethod.POST)
	public String submit(Model model, @Validated DayCountForm daycountform, BindingResult result) {


		String strRadio = daycountform.getSelectDayCount();
		model.addAttribute("selectDayCount",strRadio);

        int numRadio =Integer.parseInt(strRadio);
　　　　 model.addAttribute("selectDay",getSelectDay());

　　　　return "daycount";
	}


   Map<String, String> getSelectDay() {
		Map<String, String> selectDay = new LinkedHashMap<String, String>();

		selectDay.put("0", "数えない");
		selectDay.put("-1", "数える");
		
		return selectDay;
   }
}

public class DayCountForm {

	
	private String selectDayCount;

	public String getSelectDayCount() {
		return selectDayCount;
	}

	public void setSelectDayCount(String selectDayCount) {
		this.selectDayCount = selectDayCount;
	}

	初日を<span th:each="select :${selectDay}"> <input type="radio"
			name="selectDayCount" th:value="${select.key}" th:text="${select.value}" 
			checked="checked">

試したこと

th:selected・・・セレクトボックスでの使用のため動作せず。

th:checked・・・チェックボックスでの使用のため動作せず。

checked・・・th:eachでMapを呼びだしているため、最後に呼び出された値に初期設定が入ってしまう。

まだ初学者のため、文章も伝わりにくいところが多々あると思いますが、よろしくお願いいたします。

Answer 1

・MapをHTMLに送り、初期画面表示時で「数えない」を選択させる。
・処理後も選択した値のボタンが保持される。

2つの条件を満たすことができたので、
下記に記載いたします。

//初期値（String型）を与えた変数をHTMLへ送る。
String selectDay = "0";

model.addAttribute("selectDayCount", selectDay);
model.addAttribute("select", getSelect());

return "daycount";

//ラジオボタンの値をMapに格納
Map<String, String> getSelect() {
		Map<String, String> select = new LinkedHashMap<String, String>();

		select.put("0", "数えない");
		select.put("-1", "数える");

		return select;
	}

初日を<span th:each="select :${select}" > 
		
		<input type="radio" name="selectDayCount" th:value="${select.key}" th:text="${select.value}" 
		  th:checked="${select.key  == selectDayCount}" />
		  </span>

Answer 2

th:checkedはradioでも機能します。
th:checkedは真偽値によって「checked="checked"」を表示する/しないを制御できるので
select.keyが0なら表示するよう条件付すれば良いです。

5.5 固定値の真偽値属性
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html#%E5%9B%BA%E5%AE%9A%E5%80%A4%E3%81%AE%E7%9C%9F%E5%81%BD%E5%80%A4%E5%B1%9E%E6%80%A7

19 Appendix B：式ユーティリティーオブジェクト
文字列 : null安全な比較
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html#%E6%96%87%E5%AD%97%E5%88%97

Comments

[sga11]

ご回答ありがとうございます。

「th:checked="${select.key}== 0"」を追加することで、
「数えない」ほうのボタンを初期値として設定することができました。

別のボタンを選択しても処理後に必ず「数えない」ボタンが選択されてしまうことはしょうがないんですかね、、、

Mapの値でラジオボタンを作成した場合、選択したボタンを保持させる方法がないか、もう少しいただいたURLで調べてみようと思います。

[sga11]

先ほどの続き。

URLを確認させていただいて、
「th:checked="${select.key == selectDayCount}"」

上記の記述を追加し、選択値の判定を「0」か「‐１」かによって初期値に設定する流れを作ることができました。

現状の問題は、選択値の判定の後に初期値に設定されるので、初期画面では何も選択されていない状態で出てしまうので、
「th:checked="${select.key}== 0"」をうまく組み合わせられるかもう少し考えてみます。