javascript - 从 html 到 Javascript 获取 ID 数组

Question

如何在 JS 中获取并循环 deacTraining 值？在此给定代码中，在获取 deacTraining 的值后，复选框的长度为 0。

html代码片段

<c:forEach var="acBatch" items="${batchBeanAll}" varStatus="loop">
<c:if test="${acBatch.getBatchStatus() == 'Active'}">
    <c:set var="counter" value="${counter + 1}" scope="page"/>
    <tr>
        <td scope='col'><input id="deacTraining${loop.index }" type='checkbox' name='users'value='${acBatch.getBatchCode()}'/></td>
        <td scope='col'>${acBatch.getBatchDescription()}</td>
        <td scope='col'>${acBatch.getBatchSize()}</td>
        <td scope='col'>${acBatch.getBatchStatus()}</td>
    </tr>
</c:if>

<input value="Continue" type="submit" onclick="return checkDeactivateTraining();"/>

js代码

<script>
function checkDeactivateTraining(){
    var checkboxes = document.getElementsByName('deacTraining');
    for (var i=0; i<checkboxes.length; i++){
        if (checkboxes[i].checked)
            return true;
    }

    alert("Please select a training to deactivate.");
    return false;
            }
</script>

Answer 1

复选框的名称是users，id是“deacTraining...”。更改:

document.getElementsByName('deacTraining');

至:

document.getElementsByName('users');