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

Question

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

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

单选按钮已正确创建，但名称属性不存在。我尝试使用 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