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"/>标记。

e.g。

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

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

无法在页面上显示单选按钮

2 个答案: