使用JS在单击时删除多个输入

在使用JS在单击时删除多个输入的场景中，可以通过以下步骤实现：

1. 首先，需要为要删除的输入元素添加一个共同的标识，例如给它们添加相同的class或者自定义的data属性。
2. 使用JavaScript选择器获取所有具有相同标识的输入元素。可以使用document.getElementsByClassName()或document.querySelectorAll()方法来选择元素。
3. 在单击事件的处理函数中，遍历选中的输入元素，并使用remove()方法将它们逐个删除。

下面是一个示例代码：

HTML:

<input class="input-to-delete" type="text" value="Input 1">
<input class="input-to-delete" type="text" value="Input 2">
<input class="input-to-delete" type="text" value="Input 3">
<button id="delete-button">删除输入</button>

JavaScript:

document.getElementById("delete-button").addEventListener("click", function() {
  var inputsToDelete = document.getElementsByClassName("input-to-delete");
  for (var i = 0; i < inputsToDelete.length; i++) {
    inputsToDelete[i].remove();
  }
});

在上面的示例中，我们给要删除的输入元素添加了class名为"input-to-delete"，并为删除按钮添加了一个点击事件处理函数。当点击按钮时，会获取所有具有该class的输入元素，并逐个删除。

这种方法适用于需要一次性删除多个输入元素的情况，例如表单中的多个输入框。如果只需要删除单个输入元素，可以直接使用remove()方法删除相应的元素。

腾讯云相关产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
• 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai