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 CODE选择所选价值

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

OUTPUT可以是以下任何一种（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

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

1 个答案: