Javascript:获取标签中具有特定 "for"的单选按钮标签

Question

我有一个这样的表单元素:

<div id="myformelement">
   <input type="radio" id="option1">
   <label for="option2">Option 1</label>
   <input type="radio" id="option2">
   <label for="option2">Option 2</label> 
   <input type="radio" id="option3">
   <label for="option3">Option 3</label> 
   <input type="radio" id="option4">
   <label for="option4">Option 4</label>  
</div>

我想隐藏输入字段“option2”和“option3”及其标签。

我可以通过寻址 id 来隐藏输入项目符号。不幸的是，输入字段的相应标签只有一个带有 id 的“for”标签。

我如何使用 javascript(没有 jquery)做到这一点。

我发现了这个问题(Find html label associated with a given input)，但这似乎只适用于一个 ID 中的一个标签，我不能使用它。

提前致谢! 亲切的问候， 麦芽糖

Answer 1

在纯 JavaScript 中，您可以使用 querySelector :

document.querySelector("label[for='option2']").style.display = "none";