【问题标题】:Display radio-buttons created in Js as a list-item (vertical list)将 Js 中创建的单选按钮显示为列表项(垂直列表)
【发布时间】:2017-02-01 13:36:54
【问题描述】:

我无法弄清楚如何垂直显示带有我用 javascript 动态创建的标签的单选按钮。我的单选按钮出现在行中。这是我的代码... CSS / 显示:列表项;不工作... 谢谢你的帮助!

<script type = "text/javascript">
var form = document.createElement("myForm");
for (i=0; i<myArray.length; i++) {
x=myArray[i];
addradiobutton("radio",x,"myForm");
}
function addradiobutton(type,text,formName) {
var label = document.createElement("label");
var element = document.createElement("input");
element.setAttribute("type", type);
element.setAttribute("value", text);
element.setAttribute("name", formName);
label.appendChild(element);
label.innerHTML += text;
var foo = document.getElementById(formName);
foo.appendChild(label);
}
</script>

【问题讨论】:

    标签: javascript radio-button vertical-alignment


    【解决方案1】:

    function addradiobutton() {
    var result=""
    for(i=0;i<3;i++){
    	result+="<label>" + i + "</label><input type='radio' name='radio'>";
    }
    $('form').append(result);
    }

    【讨论】:

    • 这是一个使用 jquery 的简单示例。您可以根据自己的逻辑进行修改。
    • 谢谢!但是,由于我对这个主题相当陌生(尤其是 jquery),我不确定我是否理解这一切是如何运作的。
    • 我应该用您的代码替换 addradiobutton 函数中的代码吗?为什么 i
    • 这取决于你..需要生成多少个单选按钮?在那里提供。
    • 再次抱歉。$ 符号在我的代码中生成错误。我当然错过了一些东西......
    猜你喜欢
    • 2011-08-14
    • 1970-01-01
    • 2023-01-10
    • 1970-01-01
    • 2021-04-13
    • 1970-01-01
    • 2014-03-24
    • 2012-02-24
    • 2013-07-14
    相关资源
    最近更新 更多