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 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是，这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示