限制多重选择

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。这样，用户只能在所有呈现的图像中选择一个主要徽标和一个徽标。