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

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 个解决方案

解决方案1
1 已采纳 2010-11-30 21:35:18

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2010-11-30 21:35:18

解决方案1
1 已采纳 2010-11-30 21:35:18