我对此感到精疲力尽(可能是由于星期五),我尝试了一下,用谷歌搜索,但没有找到一种使该功能生效的方法。该代码看起来很直接,但是没有将单选按钮添加到我的div中。我敢肯定,我错过了一些愚蠢的事情。

var m_fastingOptions = [{ "Id": "1", "Name": "Fasting" }, { "Id": "2", "Name": "Not Fasting" }];

$.each(m_fastingOptions, function() {
    $("#dvFastingOptions").append(
        $('<label />', {
            'text': this.FastingName
        }).append(
            $('<input />', {
                type: 'radio',
                name: 'rdoFastingOptions',
                id: 'rdoFastingOptions' + this.Id,
                value: this.Id
            } )
        )
    );
});


这是我正在玩的jsFiddle。任何帮助深表感谢。

将正确的jQuery版本添加到jsFiddle之后,我看到单选按钮,但没有看到标签文本。

我需要看:
O禁食O不禁食

最佳答案

问题在于,您所指的是错误的属性名称。

您尝试导航到Name而不是FastingName

$('<label />', {
    'text': this.Name //This is correct
})


要么,要么将对象更新为:

var m_fastingOptions = [{
    "Id": "1",
    "FastingName": "Fasting"
}, {
    "Id": "2",
    "FastingName": "Not Fasting"
}];


在这里查看小提琴:http://jsfiddle.net/pratik136/XWHsA/

编辑:

看到的输出为

O Fasting O Not Fasting


使用.prepend()代替.append()

10-05 20:41
查看更多