链接到新页面之前，选择2个单独的按钮

Question

我正在建立一个儿童页面，允许他们在屏幕上选择2个字符（编码为按钮），以比较他们来自世界各地的生活方式。

当他们从屏幕上显示的6个字符中选择了2个字符时，他们将按“ go”按钮将其带到比较页面。

在选择了2个字符之前，如何使“前进”按钮不会将它们带到任何地方？

<div class="col-lg-4 col-sm-6 text-center mb-4 com2">
  <a href="Lifestyle.php">
    <img class="img-circle img-fluid d-block mx-auto img" src="http://placehold.it/200x200" alt="Lifestyle Comparison" style="width:220px;height:220px;border:5px;">
  </a>
  <h4>Jim
  </h4>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4 com2">
  <a href="Lifestyle.php">
    <img class="img-circle img-fluid d-block mx-auto img" src="http://placehold.it/200x200" alt="Lifestyle Comparison" style="width:220px;height:220px;border:5px;">
  </a>
  <h4>Steve
  </h4>
</div>