在Jquery中显示所选单选按钮的文本标签

Question

海，

我有一组单选按钮，我可以使用jQuery选择所选值，但不能选择值的文本标签。

对于前：

<input type="radio" value="1" name="priority">High</input>
<input type="radio" value="2" name="priority">Medium</input>
<input type="radio" value="3" name="priority">Low</input>

JQUERY代码挑选所选价值

jQuery('input:radio[name=priority]').change(function()
{
 var priority_type=jQuery(this).attr("value");
        alert(priority_type);
}

输出将是以下任何一种（1,2,3）

现在我的要求是，我想显示所选值的标签，例如（高或低或中等）取决于单选按钮的选择。

希望这可以帮助。 如果您有任何疑问，请告诉我。 请帮助我完成这项任务

Answer 1

我的第一个想法是text（）将正常工作。 不幸的是，没有用于收音机的innerText。 您可以将标签与收音机一起使用，并将for属性指定for单选按钮ID。 就像是

。文本（）

jQuery('input:radio[name=priority]').change(function()
{
   var id = $(this).attr("id");
   alert($('label[for='+id+']').text());
}

<input type="radio" name="priority" value="1" id="rdLow" />
<label for="rdLow">Low</label> 
<input type="radio" name="priority" value="2" id="rdMedium" />
<label for="rdMedium">Medium</label> 
<input type="radio" name="priority" value="3" id="rdHigh" />
<label for="rdHigh">High</label> 

查看工作演示