Javascript 如果选中单选按钮，如何获取单选按钮的文本？

我的javascript代码是：

$('input:radio[class=radio]').click(function(e){
  var txt = $(e.target).text();
  console.log(txt);
});

演示：

---

如何解决此问题？

文本不是输入类型单选按钮的有效属性

如果检查内容，您将看到文本呈现为输入元素的同级。您可以遍历到父标签元素，然后在其中获取文本

此外，此处不需要使用属性eqaul选择器[class=radio]，因为其中没有包含class radio的元素：

 $('input:radio').click(function(e){
    var txt = $(this).parent().text();
    console.log(txt);
 });

---

文本不是输入类型单选按钮的有效属性

如果检查内容，您将看到文本呈现为输入元素的同级。您可以遍历到父标签元素，然后在其中获取文本

此外，此处不需要使用属性eqaul选择器[class=radio]，因为其中没有包含class radio的元素：

 $('input:radio').click(function(e){
    var txt = $(this).parent().text();
    console.log(txt);
 });

请参阅下面的代码片段

$'input:radio[class=radio]'。单击函数E{ var txt=e.target.labels[0].innerText； console.logtxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞 请参阅下面的代码片段

$'input:radio[class=radio]'。单击函数E{ var txt=e.target.labels[0].innerText； console.logtxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞

---

我只是试了一下你的代码，发现你的选择器我错了，请试试这个：

---

我只是试了一下你的代码，发现你的选择器我错了，请试试这个：

---

在事件处理程序中，您可以使用并访问其：

$'input:radio[class=radio]'。单击，函数{ var txt=this.nextSibling.nodeValue.trim； console.logtxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞

---

在事件处理程序中，您可以使用并访问其：

$'input:radio[class=radio]'。单击，函数{ var txt=this.nextSibling.nodeValue.trim； console.logtxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞 $“输入：收音机”。单击功能E{ var txt=$e.target.parent.text； alerttxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞 $“输入：收音机”。单击功能E{ var txt=$e.target.parent.text； alerttxt； }; 英格兰 切尔西 亩 武器 西班牙 马德里 巴塞罗那 马竞

---

您可以通过选择输入的父标记来实现这一点

$('input:radio').click(function() {
        alert($(this).parent().text());
});

你没有一个单选按钮上有收音机的班级。所以它也不会触发点击事件。您将需要删除它

---

更新的Fiddle

您可以通过选择输入的父标记来实现这一点

$('input:radio').click(function() {
        alert($(this).parent().text());
});

你没有一个单选按钮上有收音机的班级。所以它也不会触发点击事件。您将需要删除它

更新的小提琴

试试下面的例子

HTML

JQUERY

<script type="text/javascript">
    $("input[type=radio]").on("click",function(e){
        alert($(this).val());
    })
</script>

试试下面的例子

HTML

JQUERY

<script type="text/javascript">
    $("input[type=radio]").on("click",function(e){
        alert($(this).val());
    })
</script>

---

我将应用一个简单的解决方案，即在单选按钮中增加价值：

例如：

---

我将应用一个简单的解决方案，即在单选按钮中增加价值：

例如：

---

您的示例不包含JS。@evolutionxbox，我已经为代码段更新了iTunes。请给出单选按钮的值，然后使用它。@evolutionxbox，我需要文本。无值您的示例不包含JS。@evolutionxbox，我已经为代码段更新了iTunes。请给出您的单选按钮值，然后使用它。@evolutionxbox，我需要文本。无值还请注意选择器中使用的[class=radio]以及没有一个单选按钮具有该类的事实。@evolutionxbox如何输入：radio无效？@guradio我假设它不是有效的CSS选择器，因此无法工作。“我站直了。”米林德·阿南特瓦，也许你能帮我。看看这个：还要注意选择器中[class=radio]的使用，以及没有一个单选按钮具有该类的事实。@evolutionxbox如何输入：radio无效？@guradio我假设它不是一个有效的CSS选择器，因此无法工作。“我站直了。”米林德·阿南特瓦，也许你能帮我。看看这个：也许你能帮我。看看这个：也许你能帮我。看看这个：

$(e.target).val();