如何使用javascript检查没有Id / Class的复选框？

Question

如何使用javascript检查没有Id / Class的复选框？

<form>
    <input type="checkbox" name="vehicle" value="Bike">bike
    <input type="checkbox" name="vehicle" value="Car">car
</form>

Answer 1

在javascript中：

您可以将document.querySelectorAll("input[type='checkbox']")[0]用于第一个，document.querySelectorAll("input[type='checkbox']")[1]用于第二个。

要检查它们，您需要使用document.querySelectorAll("input[type='checkbox']")

换句话说：

First_checkbox = document.querySelectorAll("input[type='checkbox']")[0];
Second_checkbox = document.querySelectorAll("input[type='checkbox']")[1];

使用document.querySelectorAll("input[type='checkbox']")标记可以执行的操作：

document.querySelectorAll("input[type='checkbox']")[1].checked = true;
document.querySelectorAll("input[type='checkbox']")[1].checked = false;

在jQuery中：

您可以将$(":checkbox")[0]用于第一个，$(":checkbox")[1]用于第二个。

要检查它们，您需要使用$(":checkbox")

换句话说：

First_checkbox = $(":checkbox")[0];
Second_checkbox = $(":checkbox")[1];

使用$(":checkbox")标记可以执行的操作：

$(":checkbox")[1].checked = true;
$(":checkbox")[1].checked = false;

Answer 2

这可能就是您要找的getElementsByName() more on this here。

Answer 3

document.querySelector("input[name='vehicle'][value='Bike']").checked = true

我认为这是自我记录的。 Article about attribute selectors