用th:each循环输出<input type="button"/>组时,提交时会有几个value
时间: 2024-02-28 17:56:29 浏览: 150
Python 函数的返回值-利用元组返回多个值
5星 · 资源好评率100%
如果你使用 `th:each` 循环输出多个 `<input type="button"/>`,那么在提交表单时可能会有多个 `value` 被提交。这是因为多个按钮的 `name` 属性相同,但 `value` 属性不同,提交表单时会将所有具有相同 `name` 属性的元素的值都提交。
如果你想要在提交表单时只提交选中的按钮的值,可以将每个按钮的 `name` 属性设置为不同的值,例如:
```
<div th:each="button, index : ${buttons}">
<input type="button" th:name="'button-' + ${index}" th:value="${button.value}" th:text="${button.label}" />
</div>
```
在上面的示例中,`${index}` 表示循环中的当前元素的索引,使用 Thymeleaf 的表达式将 `name` 属性设置为 "button-" 加上当前元素的索引,这样每个按钮的 `name` 属性都会不同,提交表单时只会提交选中的按钮的值。
阅读全文
相关推荐
目录 菜系管理 菜谱管理 菜系列表 <button onclick="addCuisine()" class="btn btn1 btn1">添加</button> <button onclick="updateCuisine()" class="btn btn2 btn2"> 修改</button> <button onclick="deleteCuisineById()" class="btn btn3 btn3">删除</button> <input type="text" name="name" id="name" style="width: 10ch" class="inputText"> <button onclick="searchCuisineByName()" class="btn btn4 btn4">按姓名查询</button>
序号 菜名 所属地 口味 <input type="radio" th:value="${cuisine.id}" name="rid"> <form id="hiddenForm" method="post" th:action="@{/toUpdateCuisine}" hidden> <input type="text" name="id" id="formid"> </form> 美化页面导航条
健身水杯 100 <input th:value="${item.s_number}" type="number" value="1" min="1"> 100 <button class="btn btn-danger">删除</button> 用js获取总价
健身水杯