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

我试图动态生成一组单选按钮，但是当我使用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，但是它会产生相同的结果。

最佳答案

尝试这个 ：

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