如何使用标签作为参考检索 id？ [复制]答案

【问题标题】：How to retrieve the id using the label as reference? [duplicate]如何使用标签作为参考检索 id？ [复制]
【发布时间】：2018-05-19 20:21:03
【问题描述】：

我有以下 HTML，如何在 JavaScript 中从标签的 name 中检索 input 的 ID？

<div class="named-tags">
     <label for="radio_01" class="radio" >
         <input type="radio" name="Name[labeled_tags][]" value="01" id="radio_button_01">
        Fblabel
         <span class="control-indicator">  </span>
         </label>
        </div>

【问题讨论】：

请进一步说明您要达到的目标。
我正在尝试使用标签获取单选按钮的 ID。单选按钮是动态创建的，我们不知道单选按钮的 id。所以我们需要做这个方法。我找到了使用 Id 获取与元素关联的标签的帮助，但无法使用标签找到 id。我有许多这样创建的单选按钮。我的目标是根据 utm 标签值选择单选按钮。此外，此单选按钮被隐藏，因此用户无法选择。

标签： javascript

【解决方案1】：

使用document.getElementsByName('Name[labeled_tags][]')会返回一个带有指定标签的元素数组。

您很可能希望选择带有标签名称的第一个元素，在这种情况下您将使用document.getElementsByName('Name[labeled_tags][]')[0]

let inputElem = document.getElementsByName('Name[labeled_tags][]')[0];
console.log(inputElem.outerHTML);

<div class="named-tags">
	<label for="radio_01" class="radio">
		<input type="radio" name="Name[labeled_tags][]" value="01" id="radio_button_01"> Fblabel
		<span class="control-indicator"> </span>
	</label>
</div>

【讨论】：