Помогите, пожалуйста, добавить в <label id="lbl">
value отмеченных чекбоксов.
<tr th:each="mess : ${messages}">
<td name="id" th:text="${mess.id}"></td>
<td>
<input type="checkbox" name="checkboxName" id="checkbox_check" th:value="${mess.id}" onclick="check()"/>
</td>
</tr>
<tr>
<td>
<form th:action="@{/removes}" method="post">
<label id="lbl">
<input type="submit" value="Удалить" style="display: block; margin-right: auto;" />
</label>
</form>
</td>
</tr>
JS код ниже почему-то дублирует добавление строк с уже ранее выбранными чекбоксами. Например, выбираем ЧБ с value=10, добавляется строка
<input type="hidden" id="remid" value="10"/>
потом ещё выбираем ЧБ с value=20, добавляются уже 2 строки
<input type="hidden" id="remid" value="10"/>
<input type="hidden" id="remid" value="20"/>
и т.д.
Нужно добавлять по одной строке при выборе чекбокса.
<script th:inline="javascript">
function check() {
if (document.getElementsByName('checkbox_check')) {
var checkValues = document.getElementsByName('checkbox_check').value;
var divStr = '<input type="hidden" id="remid" value="' + checkedValue + '"/>';
for (var checkValue of checkValues) {
if (checkValue.checked) {
document.getElementById("lbl").innerHTML += divStr;
}
}
}
}
</script>