Javascript 获取单选按钮的选定值

从w3schools单选按钮获取价值的基本示例。在上面的例子中，我需要得到显示值

例如。， 我需要红色

不是红色的值。

---

您应该将该文本包装在标签中，以帮助定位该文本并找到.nextElementSibling的.innerHTML

---

您应该将该文本包装在标签中，以帮助定位该文本并查找.nextElementSibling的.innerHTML

---

您可以将文本包装在标签标记中，然后使用nextSibling.innerHTML获取标签中的文本

添加标签：

var x = document.getElementById("myRadio").nextElementSibling.innerHTML;
document.getElementById("demo").innerHTML = x;

---

您可以将文本包装在标签标记中，然后使用nextSibling.innerHTML获取标签中的文本

添加标签：

var x = document.getElementById("myRadio").nextElementSibling.innerHTML;
document.getElementById("demo").innerHTML = x;

---

与其只在标签中包装文本，不如使其有用

这将获得标签单选按钮的父项，获取其文本内容，在其前后去除空格，并输出结果：红色

对于奖励积分，您现在可以单击红色文本选择单选按钮。实用性令人敬畏

---

更好。

与其只在标签中包装文本，不如让它变得有用

这将获得标签单选按钮的父项，获取其文本内容，在其前后去除空格，并输出结果：红色

对于奖励积分，您现在可以单击红色文本选择单选按钮。实用性令人敬畏

---

好多了。

你说的红色是什么意思？是否希望字符串为：红色？是的，字符串为红色，因此将值设置为红色而不是红色。红色字符串不是输入标记的一部分。输入标记是自动关闭的，意思是：它结束于。因此，无法使用输入标记访问字符串handle@sagarkawaresurajck的答案是不正确的，这是因为字符串实际上没有与输入关联，但这并不意味着你找不到它。下面的答案你所说的红色是什么意思？是否希望字符串为：红色？是的，字符串为红色，因此将值设置为红色而不是红色。红色字符串不是输入标记的一部分。输入标记是自动关闭的，意思是：它结束于。因此，无法使用输入标记访问字符串handle@sagarkawaresurajck的答案是不正确的，这是因为字符串实际上没有与输入关联，但这并不意味着你找不到它。下面是答案

<input type="radio" name="colors" value="red" id="myRadio" /><label>Red color</label>

var x = document.getElementById("myRadio").nextSibling.innerHTML;

<label>
    <input type="radio" name="colors" value="red" id="myRadio" />
    Red Colour
</label>

function myFunction() {
    var radio = document.getElementById("myRadio"),
        label = radio.parentNode,
        text = (label.textContent || label.innerText).replace(/^\s+|\s+$/g,"");
    document.getElementById("demo").innerHTML = text;
}