Überprüfen Sie die Eingänge mit Typ checkbox mit thymeleaf

Habe ich schon spielen, um mit spring-boot und thymeleaf; ich bin versucht zu tun, ein Formular, wo ich eine Liste von zahlen, und der Benutzer wählen Sie Sie aus; allerdings würde ich gerne "kontrolliert" das Dritte element (wenn gleich 3) und ich kann nicht sehen, dass der Eingang aktiviert ist.

Ich habe keine Probleme beim laden der Informationen und anzeigen das Kontrollkästchen, das problem kam, als ich möchte, um zu überprüfen, einer von Ihnen standardmäßig beim laden der Seite.

Brauche ich etwas Hilfe identifizieren, was es sein sollte, die Ausgabe oder wenn es ein Fehler mit th:checked-Eigenschaft.

Habe ich im controller

@ModelAttribute("allFeatures")
public List<Integer> populateFeatures() {
    return  Arrays.asList(1, 2, 3, 4, 5, 6);
}

Hier ist der html-code

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

Vielen Dank im Voraus.

Haben Sie versucht, mit einer anderen syntax : <... th:checked="${feat} == 3"> ?

InformationsquelleAutor Rogelio Blanco | 2015-02-12

  1. 5

    Verwenden th:checked und vermeiden th:field und gehören 'name' Attribut

    <input type="checkbox" th:checked="${feat} == 3" name="features"></input>

    Zusätzlichen Kommentar

    Aber der richtige Weg, zu verhindern th:checked und 'name' zugeschrieben und halten Sie sich an die th:field. Aber in diesem Fall müssen Sie sicherstellen, dass die Initialisierung der Modell-Attribut "features" im controller bevor Sie an den view. Hier können Sie festlegen, welche Kontrollkästchen, um standardmäßig aktiviert, aus dem controller selbst.

    Aber Ihre situation scheint ein bisschen schwierig, wie Sie möchten, um die Anzeige der dynamischen Liste von Checkboxen. Also ich bevorzuge die erste Lösung.

    Dank Faraj, Ihre erste option funktioniert!!! 🙂 Hier ist der code einfach zu erklären: <input type="checkbox" th:checked="${feat} == 3" th:name="features"></input> Und "features" ist der name der variable, wo muss ich Einreichen, ist das Ergebnis.

    InformationsquelleAutor Faraj Farook

Schreibe einen Kommentar