Question

我正在尝试使用jQuery获取所选单选按钮的值。我从json-template生成带有jquery的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();

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

1 个答案: