本文通过具体 HTML 示例,展示如何在 JavaScript 中使用 for-in 循环遍历由 getElementsByName 获取的 DOM 节点集合。代码演示了如何检查复选框的 checked 状态,并将选中项的 value 值推入数组,最后通过 alert 输出结果。
JavaScript for-in 循环遍历 DOM 节点示例
本文探讨 JavaScript 中 for-in 循环的具体应用场景。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<input type="checkbox" name="test" value="1"/><span>a</span>
<input type="checkbox" name="test" value="2"/><span>b</span>
<input type="checkbox" name="test" value="3"/><span>c</span>
<input type="checkbox" name="test" value="4"/><span>d</span>
<input type="checkbox" name="test" value="5"/><span>e</span><br>
<input type='button' value='提交' onclick="fun()"/>
<script>
function fun(){
obj = document.getElementsByName("test");
check_val = [];
//var k;
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
</script>
</body>
</html>
以上为关于 JavaScript 中 for-in 循环遍历操作的完整内容,感谢阅读。