使用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