在动态创建的单选按钮上设置值或名称属性时出现问题

Question

我试图动态生成一组单选按钮，但是当我使用jQuery添加单选按钮时，name属性设置不正确。

        var radioButtonInput = document.createElement("input")
        var groupId = groupNodes[i].getAttribute("id");
        var groupName = groupNodes[i].getAttribute("displayName");

        $(radioButtonInput).attr("type","radio");
        $(radioButtonInput).attr("name","radioGroup");
        $(radioButtonInput).attr("id", groupId);

        $("#meetingType h2").after(radioButtonInput);

单选按钮已正确创建，但name属性不存在。 我尝试使用html dom属性.name，但它会产生相同的结果。

Answer 1

尝试这个 ：

var groupId = groupNodes[i].getAttribute("id");
var groupName = groupNodes[i].getAttribute("displayName");
var radioButtonInput = $("<input>", { "type" : "radio", "id" : groupId, "name" : "radioGroup"});

$("#meetingType h2").after(radioButtonInput);

您在哪里使用groupName，因为这里的输入名称将是“ radioGroup”，而不是groupName

Answer 2

我会采用最直接的方式：

$("#meetingType h2").after('<input type="radio" id="' + groupNodes[i].id + '" name="' + groupNodes[i].getAttribute("displayName") + '" />');

如果仍然不走运，请详细说明“名称属性不存在”-您如何分辨呢？ 你如何检查？