现代答案

Question

我有这个代码：

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

如何获取id为vote_x [使用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;
}

Answer 2

你可以试试这个

var el = document.getElementById("vote_x");
while(el.nextSibling && !(/label/i.test(el.nextSibling.tagName))){
    el = el.nextSibling;
}
var text = el.nextSibling.innerHTML

您可以在此fiddle中查看。

Answer 3

现代答案

使用document.querySelector('label[for="INPUT_ID"]')获取与具有给定id的输入相对应的label元素。

示例：

const label = document.querySelector('label[for="vote_x"]');
console.log(label.textContent.trim());

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

js获得无线电标签文字

3 个答案:

现代答案