我是Java语言的新手，所以不确定如何测试或运行它，因此不确定我的代码是否正常工作。我想要我的代码执行的是显示通过收集所有复选框创建的JSON。我没有在任何地方添加console.log，因为我不确定它在哪里合适。我感觉好像所有的东西都准备好了，但是我不确定如何将所有东西放在一起。
预期输出应为：
{
"testpages" : [...data...],
"configs" : [...data...]
}
我的密码
<script type="text/javascript">
function grabSelected() {
var configs = [];
var testPages = [];
var selectedConfigs = document.getElementByClassName('.testpages').value;
var selectedTestPages = document.getElementByClassName('.configs').value;
for (var i = 0; i < selectedConfigs.length; i++) {
if (selectedConfigs[i].checked) {
configs.push(selectedConfigs[i])
}
}
for (var i = 0; i < selectedTestPages.length; i++) {
if (selectedTestPages[i].checked) {
testPages.push(selectedTestPages[i])
}
}
var jsonString = {"testpages" : testpages, "configs" : configs};
var testJson = JSON.stringify(jsonString);
}
</script>
<body class="wrap">
<form action="POST" >
<div class="testpages" id="left_col">
<input id="tp1" type="checkbox" value="1">Test Page 1<br>
...
...
<input id="tp30" type="checkbox" value="30">Test Page 30<br>
</div>
<div class="configs" id="right_col">
<input id="config_0" type="checkbox" value="Windows XP internet explorer 8">Windows XP
...
...
<input id="config_59" type="checkbox" value="OS X 10.9 Safari 7">OS X 10.9 Safari 7<br>
</div>
</form>
<input id="" type="submit" value="Submit" onclick="grabSelected();" />
</body>
<html>
最佳答案
在原始代码中发现的一些（琐碎）错误：
使用了getElementByClassName而不是getElementsByClassName
在jsonString格式中使用了testpages而不是testPages
将类名testpages和configs用于父div而不是
输入元素。
这是您可以使用的一种：
<html>
<script type="text/javascript">
function grabSelected() {
var configs = [];
var testPages = [];
var selectedConfigs = document.getElementsByClassName('testpages');
var selectedTestPages = document.getElementsByClassName('configs');
for (var i = 0; i < selectedConfigs.length; i++) {
if (selectedConfigs[i].checked) {
configs.push(selectedConfigs[i].value)
}
}
for (var i = 0; i < selectedTestPages.length; i++) {
if (selectedTestPages[i].checked) {
testPages.push(selectedTestPages[i].value)
}
}
var jsonString = {"testpages" : testPages, "configs" : configs};
var testJson = JSON.stringify(jsonString);
}
</script>
<body class="wrap">
<form action="POST" >
<div id="left_col">
<input class="testpages" id="tp1" type="checkbox" value="1">Test Page 1<br>
<input class="testpages" id="tp30" type="checkbox" value="30">Test Page 30<br>
</div>
<div id="right_col">
<input class="configs" id="config_0" type="checkbox" value="Windows XP internet explorer 8">Windows XP
<input class="configs" id="config_59" type="checkbox" value="OS X 10.9 Safari 7">OS X 10.9 Safari 7<br>
</div>
</form>
<input id="" type="submit" value="Submit" onclick="grabSelected();" />
</body>
<html>