Javascript 如何向窗体动态添加单选按钮

Javascript 如何向窗体动态添加单选按钮,javascript,jquery,Javascript,Jquery,问题:如何向表单动态添加单选按钮 我正在附加单选按钮: function addTypesButtons() { var params=[]; params.table='TB_TYPES_ADDRESS'; params.field='TYPES_ADDRESS_NAME'; $.getJSON("php/CoJ_getTypesNames.php", $.param(params, true) , function(data) { $.each(data, function(index

问题:如何向表单动态添加单选按钮

我正在附加单选按钮:

function addTypesButtons()
{
var params=[];
params.table='TB_TYPES_ADDRESS';
params.field='TYPES_ADDRESS_NAME';

$.getJSON("php/CoJ_getTypesNames.php", $.param(params, true) , function(data) {
  $.each(data, function(index, element)
  {
      if (index==0)
      {
         $('#aTypes').append($('<input>', {
             type:"radio", class:"toggle", disabled:true, name:"addresstypes", onclick:"AddressTypeClick("+index+1+")", 
                    tabindex:1, id:"addresstypeshome", checked:true, value:element[params.field]})+element[params.field]+'<br/>');
      }
     else 
     { 
         $('#aTypes').append($('<input>', {
             type:"radio", class:"toggle", disabled:true, name:"addresstypes", onclick:"AddressTypeClick("+index+1+")", 
                    tabindex:1, id:"addresstypeswork", value:element[params.field]})+element[params.field]);
     }
    } 
); });          
}
函数addTypesButtons()
{
var参数=[];
参数表=“TB_类型_地址”;
params.field='TYPES_ADDRESS_NAME';
$.getJSON(“php/CoJ_getTypesNames.php”,$.param(params,true),函数(data){
$.each(数据、函数(索引、元素)
{
如果(索引==0)
{
$('#aTypes')。附加($(''){
类型:“radio”,类:“toggle”,禁用:true,名称:“addresstypes”,单击:“AddressTypeClick(“+索引+1+”),
tabindex:1,id:“addresstypeshome”,选中:true,值:元素[params.field]})+元素[params.field]+'
'; } 其他的 { $('#aTypes')。附加($(''){ 类型:“radio”,类:“toggle”,禁用:true,名称:“addresstypes”,单击:“AddressTypeClick(“+索引+1+”), tabindex:1,id:“addresstypeswork”,值:元素[params.field]})+元素[params.field]); } } ); }); }
我希望得到两个单选按钮,如下所示: 主页
工作

我真正得到的是图像顶部显示的内容:

这应显示在窗体上,如图像底部:


如何在没有“[object]”的情况下只获取文本?

Add.attr&正确关闭括号

  var radioBtn = $('<input>').attr({
        type:"radio", class:"toggle", disabled:true, name:"addresstypes", onclick:"AddressTypeClick("+index+1+")",tabindex:1, id:"addresstypeshome",
value:"element[params.field]"+element[params.field]});
$('#aTypes').append(radioBtn);
if (index==0) $('#aTypes').append("<br/>");
var radioBtn=$('').attr({
类型:“radio”,类:“toggle”,禁用:true,名称:“addresstypes”,再次单击:“AddressTypeClick(“+index+1+”),选项卡索引:1,id:“addresstypeshome”,
值:“元素[参数字段]”+元素[参数字段]});
$(“#aTypes”).append(radioBtn);
if(index==0)$('#aTypes')。追加(
);
或者,您也可以这样做(显然,您需要向radioBtn添加更多属性)

var radioBtn=$('');
radioBtn.appendTo(“#aTypes”);

奇怪。但是,如果您执行“+((index==0)?”
:“”)什么版本的jQuery和什么浏览器,您肯定可以缩短ITI
var radioBtn = $('<input type="radio" id="addresstypeshome" name="addresstypes" />');

radioBtn.appendTo('#aTypes');