当我选中复选框时，有没有办法让每张卡都显示删除图标？

当选中复选框时，可以通过以下方法让每张卡都显示删除图标：

使用HTML和CSS：在每张卡的HTML结构中添加一个删除图标的元素，并使用CSS设置其样式。通过CSS选择器和伪类选择选中的复选框，然后设置删除图标元素的显示属性为可见。

示例代码：

HTML结构：

<div class="card">
  <input type="checkbox" class="checkbox">
  <div class="delete-icon"></div>
  <!-- 卡片内容 -->
</div>

CSS样式：

.delete-icon {
  display: none; /* 默认隐藏删除图标 */
}

.checkbox:checked ~ .delete-icon {
  display: block; /* 当复选框选中时显示删除图标 */
}

使用JavaScript：通过监听复选框的状态变化事件，在选中状态下添加删除图标元素，取消选中状态下移除删除图标元素。

示例代码：

HTML结构：

<div class="card">
  <input type="checkbox" class="checkbox">
  <!-- 卡片内容 -->
</div>

JavaScript代码：

const checkboxes = document.querySelectorAll('.checkbox');

checkboxes.forEach(checkbox => {
  checkbox.addEventListener('change', function() {
    const card = this.parentNode;
    if (this.checked) {
      const deleteIcon = document.createElement('div');
      deleteIcon.classList.add('delete-icon');
      card.appendChild(deleteIcon);
    } else {
      const deleteIcon = card.querySelector('.delete-icon');
      if (deleteIcon) {
        card.removeChild(deleteIcon);
      }
    }
  });
});

以上方法可以实现当选中复选框时，每张卡都显示删除图标。根据具体的应用场景和需求，可以选择适合的方法来实现。