无法让单选按钮出现在页面上

Question

我需要在我的 javascript 中为我的网络应用程序制作一组 2 个单选按钮。 到目前为止，我有这个代码：

    //radio buttons start
    var AddRadio = function(options){
    var _dom_element = document.createElement("radio");

        for ( var i = 0; i < options.length; i++ ) {
        var _option = document.createElement("radio");
            _option.value = options[i];
            _option.innerHTML = options[i];

            _dom_element.appendChild(_option);
            };

            this.getDomElement = function() {
                return _dom_element;
            }
    }
    //radio buttons end

var _temp_radio = new AddRadio(['Max Temp', 'Min Temp']);

container_element.appendChild(_temp_radio.getDomElement());

问题是只有“Max Temp”和“Min Temp”字符串出现，实际的单选按钮不存在。 谢谢如果你能以任何方式提供帮助。

Answer 1

单选按钮是

<input type="radio">.  

您正在创建一个

<radio> 

而是标记。

Answer 2

使用<input type="radio"/>标签。

例如

var option = document.createElement('input');
option.type = 'radio';

http://www.w3schools.com/html/html_forms.asp