在動態創建的單選按鈕上設置值或名稱屬性時出現問題

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") + '" />');

如果仍然不走運，請詳細說明“名稱屬性不存在”-您如何分辨呢？ 你如何檢查？