我对此感到精疲力尽(可能是由于星期五),我尝试了一下,用谷歌搜索,但没有找到一种使该功能生效的方法。该代码看起来很直接,但是没有将单选按钮添加到我的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()