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

How to dynamically add radio buttons to a form

本文关键字：添加 单选按钮 动态 窗体      更新时间：2023-09-26

>问题：如何动态地向表单添加单选按钮

我正在附加单选按钮：

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]);
     }
    } 
); });          
}

我希望得到两个这样的单选按钮： 家
工作

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

这应该显示在表单上，如图像底部：

类型 http://www.greatdaydan.com/Types.png

如何只获取没有" [对象对象]"的文本？

添加 .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/>");

或者，您可以做这样的事情（显然可以向radioBtn添加更多您想要的属性）

var radioBtn = $('<input type="radio" id="addresstypeshome" name="addresstypes" />');
radioBtn.appendTo('#aTypes');
相关文章：