jquery - 在 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 属性指定为单选按钮 ID。类似的东西

<强> .text()

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> 

查看 working demo