Question

我有一堆被定义为数组的复选框：

<input type="checkbox" value="1" id="courseinfo[]">Content
<input type="checkbox" value="2" id="courseinfo[]">Reputation
<input type="checkbox" value="3" id="courseinfo[]">Duration
<input type="checkbox" value="4" id="courseinfo[]">Career
<input type="checkbox" value="5" id="courseinfo[]">Recommended
<input type="checkbox" value="6" id="courseinfo[]">Interests
<input type="checkbox" value="7" id="courseinfo[]">Other

我试图查看是否检查了最后一个（值= 7），我试过：

q2 = document.getElementById("courseinfo[6]").value;

这似乎不起作用。

如何访问数组中的第7个，然后检查它是否已被检查？

我想使用纯javascript。

Answer 1

您的复选框集合中没有id属性。我认为你的意思是name属性。使用getElementsByName将元素获取到NodeList。然后获得第6个元素的值。

q2 = document.getElementsByName("facilities")[6].value;

使用此选项检查复选框是否已选中：

if(q2.checked) {
   alert('You have checked the 6th checkbox!');
}

Answer 2

document.getElementById用于从其属性id=""中获取元素。您需要的是getElementsByTagName

var elems = document.getElementsByTagName('input');
if (elems[elems .length-1].checked) {
    // do stuff
}

使用getElementById验证复选框数组

2 个答案: