如何使用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。