javascript - 在 javascript 中循环 html 复选框

Question

实际上我有一个关于如何在java脚本中循环复选框的问题，假设我在jsp循环中创建了html复选框，我希望在javascript中对这些复选框进行验证，我应该怎么做？通常对于单个对象，我们可以执行 window.document.form.checkbox 或类似的操作。

<%   
    for(int i=1; i<somevalue; i++)    //jsp 
    {
%>
    <input type="checkbox"  name="chkbox_"<%=i> value="<%=something%>">   <!-- html -->
<%
    }
%>    

Answer 1

据我所知，我们有一些解决方案:

1:

如果您不想修改 HTML 代码并使用 Javascript。您可以使用此方法getElementsByTagName。示例http://www.w3schools.com/jsref/met_element_getelementsbytagname.asp , http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp

var checkboxes = document.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].type == "checkbox") {
        var isChecked = checkboxes[i].checked;
    }
}

2:

为所有复选框添加class属性并使用此方法getElementsByClassName

3:

为每个复选框添加id属性并使用getElementById方法

4:

使用 JQuery

$("input[type=='checkbox']").each(obj, function(key, value) {
    //  Do something
});