Javascript 如何使模式内的图像可单击

我有一个按钮，显示一个模式，其中包含许多图标，我希望它当我点击其中一个图像，它将表明我点击了它。但我不知道如何实施它

到目前为止，这就是我的模态的样子。

我的目标：放一个我点击过的指示器。

代码

<div class="modal-body">
    <div class="row">
        <div class="col-lg-6 pull-left">
            <?php 
                $tokenSql = mysql_query(" SELECT * FROM topplayer WHERE user_id = '$user_id' ");
                $retToken = mysql_fetch_assoc($tokenSql);
                $token = $retToken['token'];
                echo ("<b>Tokens : $token </b><br>");
             ?>
        </div>
        <div class="col-lg-6 pull-right">
        </div>
     </div>
        <div class="row ml">
            <?php 
                $sendGiftSql = mysql_query("SELECT * FROM gifts WHERE isDelete = 'false' ORDER BY price ");
                while($sendGift = mysql_fetch_assoc($sendGiftSql)){
                        $giftIMG = $sendGift['img_path'];
                        echo("
                            <div class='col-xs-4 mb'>
                              <br>
                              <img id='edgiftPhoto'  class='center-block' alt='No image' src='$giftIMG' style='height:120px; width: 120px'/>&nbsp;
                            </div> 
                    ");
                }
            ?>
</div>

通用、超简单的解决方案。不需要插件

JS:

CSS:

通用、超简单的解决方案。不需要插件

JS:

CSS:

请提供代码示例（最好是逐字逐句），否则很难建议解决方案。这应该会给你一些好主意。请提供代码示例（最好是逐字逐句），否则很难提出解决方案。谷歌javascript计算器源代码。这应该会给你一些好主意。先生，我尝试过集成你提供的代码，但它不起作用。@KaelJasper它起作用了，检查你的控制台日志是否有错误，并确保脚本是DOM readysir。我尝试过集成你提供的代码，但它不起作用。@KaelJasper它起作用了，检查控制台日志中的错误，并确保脚本已准备好DOM
$('.modal-body').on('click','img',function(){
    $(this).toggleClass('clicked');
})

.clicked{
    border:1px solid black;
    //style it however you want
}