html: Ошибка динамического добавления флажка?

Я хочу создать веб-страницу, которая может динамически добавлять флажок.

Ниже приведен мой код. Он может добавить метку, но не может добавить флажок. Я не знаю причину?

<html>
<head>
    <script text="text/javascript">
        function dynamicAdd(){
            var name = document.getElementById("addName");
            var checkbox= document.createElement(name.value);
            checkbox.type="checkbox";
            checkbox.name=name.value;
            checkbox.value=name.value;
            checkbox.id=name.value;

                var label = document.createElement("label");
                label.htmlFor="id";
                label.appendChild(document.createTextNode("text for label after checkbox"));

                var container = document.getElementById("checklist");
                container.appendChild(checkbox);
                container.appendChild(label);


            }
    </script>
</head>
<body>
    <form  id="checklist">
        <input type="checkbox"  value="windows">Windows Clean</input><br>
        <input type="checkbox"  value="floor">Floor Clean</input><br>

    </form>
        <input type="text" id="addName" size="25" maxlength="50" value="elevator"><br>
        <Button type="button" onclick="dynamicAdd()" name="add">AddOption</button>
</body>
</html>

checkbox dynamic html checkboxlist
person user3239558    schedule 09.06.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward 

document.createElement(name.value);

Является ложным, согласно этому (@Quentin ).

Извлечение текста из ссылки

...
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "name";
checkbox.value = "value";
checkbox.id = "id";

var label = document.createElement('label')
label.htmlFor = "id";
label.appendChild(document.createTextNode('text for label after checkbox'));

container.appendChild(checkbox);
container.appendChild(label);
person Orelsanpls    schedule 09.06.2014