在JavaScript中循环html复选框

时间:2014-11-28 18:19:43

标签: javascript html jsp

其实我有一个关于如何在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 个答案:

答案 0 :(得分:0)

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

1

如果您不想修改HTML代码并使用Javascript。您可以使用此方法getElementsByTagName。示例http://www.w3schools.com/jsref/met_element_getelementsbytagname.asphttp://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
});