從jquery中獲取選定的單選按鈕的文本值

Question

我試圖用jQuery獲取選定的單選按鈕的值。我產生我的HTML元素從一個JSON模板jQuery的，這是我生成單選按鈕代碼：

function AddRadio(labelName, buttons, i, paneIndex, dataID) { 
     $('#Ctabs1-pane' + paneIndex + '').append('<div class="form-group"><label class="col-lg-2 control-label">' + labelName + '</label><div class="col-lg-10" id="' + dataID + '"></div></div>'); 
     $.each(buttons, function (j, value) { 
      $('#' + dataID).append('<div class="radio"><label><input type="radio" name="optionsRadios" value="' + value + '">' + value + '</label></div>'); 
     }); 
    } 

我試圖讓這段代碼的選擇單選按鈕：

return $("input[type='radio'].radioBtnClass:checked").val(); 

但這給我undefined

我在做什麼錯？

Answer 1

您的選擇器與類radioBtnClass的輸入元素相匹配，但您在追加時未添加它。無論是添加類到您的輸入：

$('#' + dataID).append('<div class="radio"><label><input type="radio" class="radioBtnClass" name="optionsRadios" value="' + value + '">' + value + '</label></div>'); 

或名稱瞄準它，而不是：

$("input[type='radio'][name='optionsRadios']:checked").val();