Проблема с установкой атрибута значения или имени на динамически создаваемом переключателе

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

Answer 2

Я бы пошел самым простым путем:

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

Если вам все еще не повезло, пожалуйста, уточните: «атрибут имени отсутствует» - как вы можете это сказать? Как вы проверяете?