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

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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器