GubE
2020-03-06 18:51
采纳率: 91.7%
浏览 608
已采纳

js如何动态添加多个checkbox?


  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 李国庆❀ 2020-03-06 20:59
    已采纳
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <form action=""></form>
        <script>
            let num = prompt("请输入想要创建的checkbox的个数");
            let form = document.getElementsByTagName("form")[0];
            let body = document.getElementsByTagName("body")[0];
            createCheckbox(num);
            function createCheckbox(n) {
                for(let i = 0; i < n; i ++) {
                    let input = document.createElement("input");
                    input.setAttribute("type", "checkbox");
                    body.appendChild(input);
                }
            }
        </script>
    </body>
    </html>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题