JavaScript 中的循环 html 复选框

Loop html checkbox in javascript

本文关键字：html 复选框 循环 JavaScript      更新时间：2023-09-26

>实际上我有一个关于如何在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 -->
<%
    }
%>

据我说，我们有一些解决方案：

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

阿拉伯数字：

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

3：

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

4：

使用 JQuery

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