GubE
2020-03-06 19:00
采纳率: 91.7%
浏览 192
已采纳

js怎么动态重复添加checkbox?

怎么实现每次实现addCb函数都能添加一次?且遍历星期1-7

<body>
    <form action=" " method="post" id="fa">
       <!-- <input type="checkbox" name="Cb1" value="a">星期1<br/>-->
    </form>
    <input type="button" onclick="addCb()" value="addCb" >
<script>
    let oCheckbox=document.createElement("input");
    let myText=document.createTextNode("星期1");
    oCheckbox.setAttribute("type","checkbox");
    oCheckbox.setAttribute("id","mayi");
    function addCb() {
        let fa=document.getElementById("fa");
        fa.appendChild(oCheckbox);
        fa.appendChild(myText);
    }

</script>
</body>
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 李国庆❀ 2020-03-06 20:49
    已采纳
    <body>
        <form action=" " method="post" id="fa">
           <!-- <input type="checkbox" name="Cb1" value="a">星期1<br/>-->
        </form>
        <input type="button" onclick="addCb()" value="addCb" >
        <script>
            let oCheckbox=document.createElement("input");
            let myText=document.createTextNode("星期1");
            oCheckbox.setAttribute("type","checkbox");
            oCheckbox.setAttribute("id","mayi");
            function addCb() {
                let fa=document.getElementById("fa");
                fa.appendChild(oCheckbox);
                fa.appendChild(myText);
                body = document.getElementsByTagName("body");
                body.appendChild(fa);
            }
    
        </script>
    </body>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题