Question

我正在尝试动态生成一组单选按钮，但是当我使用jQuery添加radiobutton时，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);

单选按钮创建正确但名称属性不存在。我尝试使用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，因为这里的输入名称是＆＃34; radioGroup＆＃34;而不是groupName

Answer 2

我会采用最直接的方式：

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

如果仍然没有运气请详细说明“名称属性不存在” - 你怎么能说出来？你怎么检查？

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

2 个答案: