Question

使用下面的脚本，我在单击附加按钮时附加3个元素。

一个复选框
输入文字字段
删除按钮

现在，当点击删除按钮时，复选框被选中，但当我追加另一个（让我们称之为一组）三个项目时，脚本不起作用。

任何人都可以解释我如何以某种方式链接元素。因此，每次单击追加按钮时，元素都会链接到同时在点击时创建的元素。

非常感谢你提前

   <html>
   <head>
   <script language="Javascript">

     function append()
     {
    var cb = document.createElement("input");
    cb.type = "checkbox";
    cb.id = "id"
            cb.checked = false;

    var textfield = document.createElement("input");
    var delbtn = document.createElement("input");
    delbtn.type = "button";
    delbtn.value = "remove";
    delbtn.onclick= function(){remove()}

    document.getElementById('append').appendChild(cb);
    document.getElementById('append').appendChild(textfield);
    document.getElementById('append').appendChild(delbtn);
  }


 function remove()
 {
    id.checked = true;      
 }
   </script>
   </head>
   <body>
      <div id="append"></div>
      <input type="button" value="append" onClick="javascript:append()"/>
   </body>
</html>

Answer 1

每次添加新复选框时，您都在运行

cb.id = "id"

这是有问题的，因为元素应该有唯一的ID。

此外，您在全局范围内通过其id引用元素：

id.checked = true;

您应该使用标准document.getElementById（）代替。

按钮onclick仅检查第一个附加的复选框

1 个答案: