前端在一个循环里的列表有两张图片，一个是选择的，一个是未选择的，先展示的是未选的，点击的时候怎么变成选择的，并把选择的相加起来

Question

前端在一个循环里的列表有两张图片，一个是选择的，一个是未选择的，先展示的是未选的，点击的时候怎么变成选择的，并把选择的相加起来

Answer 1

通过css显示隐藏并切换？

 let totalSelected = 0;

  function toggleImage(img) {
    // 切换图片显示
    if (img.classList.contains('unselected')) {
      img.style.display = 'none';
      img.nextElementSibling.style.display = 'block';
      totalSelected++;
    } else if (img.classList.contains('selected')) {
      img.style.display = 'none';
      img.previousElementSibling.style.display = 'block';
      totalSelected--;
    }

    // 更新总计
    document.getElementById('total').textContent = totalSelected;
  }