javascript - 使用 jquery 从选定的单选按钮获取文本值

Question

我正在尝试使用 jQuery 获取选定单选按钮的值。我使用 jquery 从 json 模板生成我的 html 元素，这是我生成单选按钮的代码:

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();