我在这里动态填充了我的复选框(使用thymelaf(。当我的页面加载时，我有一个复选框列表，其中的值是动态分配的。
<ul class="list">
<li th:each="model : ${model}">
<input type="checkbox" class="cbCheck" th:field="*{model}" th:value="${model}" />
<label th:text="${model}"></label>
</li>
</ul>当用户按下"提交"按钮时，我需要选中复选框的值。有什么解决方案吗？
我试着给他们取一个通用的名字。访问值如下：
var list = $("input[name='inputCheck']:checked").map(function () {
return this.value;
}).get();
alert(list);
}
但警报总是空的。想要一些解决方案吗？
使用的整个代码：
<body>
<h2> LIST OF RULES ACTIVE</h2>
<div id="RuleList">
<ul class="list">
<li th:each="model : ${model}">
<input type="checkbox" name="inputCheck" th:id="${model}" th:field="*{model}" th:value="${model}" />
<label th:text="${model}"></label>
</li>
</ul>
<button type="button" onclick="sendResponse()" id="DeActivate">DeActivate</button>
</div>
<br/>
<br/>
<script>
function sendResponse()
{
/*var array = [];
if(document.getElementsByName("inputCheck").checked)
{
array.push(document.getElementsByName("inputCheck").value);
alert(array);
}
}*/
var list = $("input[name='inputCheck']:checked").map(function () {
return this.value;
}).get();
alert(list);
}
</script>
</body>
程序流未进入复选框选中状态。
试试这个：
var list = document.querySelectorAll('.cbCheck');
for (i=0; i<list .length; i++){
alert(check[i].value)
}