在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> 

查看工作演示