Question

關於問題getting the text of radio button instead of values，如何從帶有標籤的單選按鈕提取值？

我沒有發佈這個問題，我贊成它沒有與原來的問題。

您將如何獲得所選收音機的價值？我試過$("input[type='radio'][id='rblUnitOfMeasureType']:checked").val()和$("input[type='radio'][id='rblUnitOfMeasureType']:checked + label").val()，它們都返回undefined。

我正在使用一個窗體，但窗體只是作爲一個從標記，其餘的HTML基本上是一個無形式的形式（如果這是有道理的）。

\t function listUnitOfMeasureSet_change() { 
 
\t if (listUnitOfMeasureSet.value.toString().toLowerCase() === "new") { 
 
\t  $("#divNewTypeUnitContentHolder").html(""); 
 

 
\t  callService("GET", g_WebServiceUnitsOfMeasureTypeUnitsURL, null, function(jsonResult) { 
 
\t  if (jsonResult.Success) { 
 
\t   for (i = 0; i < jsonResult.UnitOfMeasureTypeList.length; i++) { 
 
\t   $("#divNewTypeUnitContentHolder").html($("#divNewTypeUnitContentHolder").html() + 
 
\t    '<input type="radio" id="rblUnitOfMeasureType' + i + '" name="rblUnitOfMeasureType" value="' + 
 
\t    jsonResult.UnitOfMeasureTypeList[i].ID + '" /><label for="rblUnitOfMeasureType' + i + '">' + 
 
\t    jsonResult.UnitOfMeasureTypeList[i].Name + '</label> ' + 
 
\t    jsonResult.UnitOfMeasureTypeList[i].Description + '<br />'); 
 
\t   } 
 
\t  } 
 
\t  }); 
 

 
\t  $("#divNewUnitOfMeasure").dialog("open"); 
 
\t } 
 
\t }

Answer 1

第一個應該工作，另一種選擇是使用.attr('value')

$('input').click(function(){ 
 
    console.log($("input[type='radio'][id*='rblUnitOfMeasureType']:checked").val()); 
 
    console.log($("input[type='radio'][id*='rblUnitOfMeasureType']:checked").attr('value')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type='radio' id='rblUnitOfMeasureType' value='15'> 
 
<input type='radio' id='rblUnitOfMeasureType4' value='17'>

Answer 2

如果您檢查檢查，然後再一如果您使用該選擇器：

("#input_test").attr('text') 

它返回無線電輸入中的文本。

Answer 3

在radio選擇觸發功能，捕捉它的如下細節：

$("input:radio[name=radios]").click(function() { 
    alert($(this).val()); 
    alert($(this).parent().next().find('label').text()); 
}); 

參考HTML：

<table> 
    <tr> 
     <td> 
     <input id="radio1" name="radios" type="radio" value="radio 1"/> 
     </td> 
     <td> 
     <label for="radio1"> 
      check radio 1 
     </label> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <input id="radio2" name="radios" type="radio" value="radio 2"/> 
     </td> 
     <td> 
     <label for="radio2"> 
      check radio 2 
     </label> 
     </td> 
    </tr> 
    </table> 

jsfiddle的一樣。