繁体   English   中英

在javascript中循环html复选框

[英]Loop html checkbox in javascript

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

2:

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

3:

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

4:

使用 jQuery

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM