在 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
});