使用jQuery在表列中显示不带标签的单选按钮

使用jQuery在表列中显示不带标签的单选按钮,jquery,Jquery,我正在尝试动态创建单选按钮。然后在表列中添加这些单选按钮。代码正在运行,但单选按钮显示时没有标签。下面是代码片段 var $td = $('<td></td>'); for(i=0; i<factorOptions.length; i++){ var checked = false; var factorOption = factorOptions[i]; if (factorOption.toUpperCase() === selected

我正在尝试动态创建单选按钮。然后在表列中添加这些单选按钮。代码正在运行,但单选按钮显示时没有标签。下面是代码片段

var $td = $('<td></td>');
for(i=0; i<factorOptions.length; i++){
    var checked = false;
    var factorOption = factorOptions[i];
    if (factorOption.toUpperCase() === selectedFactor.toUpperCase()) {
        checked = true
    }

    var $radioInput = $('<input />', { 
        type: 'radio', 
        id: ruleId +'-factor-' + i, 
        name: ruleId +'-factor',
        'value': factorOption,
        'checked': checked,
        'text' : factorOption
    });
    $radioInput.before($("<label />")
        .attr("for", $radioInput.attr("id"))
        .text($radioInput.val()));
    $td.append($radioInput);                
}

谢谢

看起来您可能只是在打电话给
。请尽快将
附加到:

var $radioInput = $('<input />', { 
    type: 'radio', 
    id: ruleId +'-factor-' + i, 
    name: ruleId +'-factor',
    'value': factorOption,
    'checked': checked,
    'text' : factorOption
});

$td.append($radioInput); // add it here

$radioInput.before($("<label />")
    .attr("for", $radioInput.attr("id"))
    .text($radioInput.val()));
// $td.append($radioInput); remove from here
var$radioInput=$('',{
键入:“收音机”,
id:ruleId+'-因子-'+i,
名称:ruleId+'-factor',
“值”:factorOption,
“选中”:选中,
“文本”:factorOption
});
$td.append($radionput);//加在这里
$radioInput.before($(“”)
.attr(“for”,$radioInput.attr(“id”))
.text($radioInput.val());
//$td.append($radionput);离开这里
在使用
添加标签之前,需要追加输入。


简化的

为此提供一个工作平台,以便很容易重现错误并解决它。
var $radioInput = $('<input />', { 
    type: 'radio', 
    id: ruleId +'-factor-' + i, 
    name: ruleId +'-factor',
    'value': factorOption,
    'checked': checked,
    'text' : factorOption
});

$td.append($radioInput); // add it here

$radioInput.before($("<label />")
    .attr("for", $radioInput.attr("id"))
    .text($radioInput.val()));
// $td.append($radioInput); remove from here