javascript - 限制多选

Question

我正在尝试拥有一个可供用户选择的缩略图库。用户可以选择图像是“标题”还是“徽标”，但只能选择一张图片作为标题和一张作为徽标。我不太确定该怎么做。这需要一些javascript吗？

这是我的循环（这将在未来从文件夹中获取图像）

谢谢

<?php

echo "<div style='width: 1125px; overflow:scroll; height:400px;'>";

for ($i=0; $i<50; $i++)
{

echo " <div class='image' style='width:200px; float:left;'>
      <div class='photo' style='width:200px;'>
        <img src='images/logo.jpg' width='25%'>
      </div>

      <select name='4365'>
        <option value='NONE'></option>
        <option value='PRIMARY'>Primary</option>
        <option value='LOGO'>Logo</option>
      </select><br><br>
    </div>";    
}

echo "</div>";

echo "<div style='clear:both;'></div>";

?>

Answer 1

您可以有两个单选按钮，而不是在每个图像上进行选择；一个名称为“primary”，另一个名称为“logo”，其值为图像 ID。这样，用户可以在所有呈现的图像中仅选择一个主徽标和一个徽标。