javascript - js获取单选标签文本

Question

我有这段代码:

<input type=radio name="vote_x" value="5">
    <label for="vote_x">blabla</label><br>

如何获取 ID 为 vote_x 的 radio 的标签值 [使用 JS] ??

谢谢

Answer 1

如果你像这样在标签上放一个id

<input type="radio" name="vote_x" value="5">
<label id="for_vote_x" for="vote_x">blabla</label>

然后你可以使用

var textinlabel = document.getElementById("for_vote_x").innerHTML;

---

已编辑:没有为标签元素使用 id

var labelElements = document.getElementsByTagName("label");
for (var i = 0, var labelElement; labelElements[i]; i++) {
  if (labelElement.getAttribute("for") == "vote_x") {
    //this is the labelElement you want
    //code goes here
  }
}

理想情况下，您希望为此创建一个通用函数

function getlabelforinput(inputname) {
    var labelElements = document.getElementsByTagName("label");
    for (var i = 0, var labelElement; labelElements[i]; i++) {
      if (labelElement.getAttribute("for") == inputname) {
        return labelElement
      }
    }
    return null;
}