时间戳

首页 > 解决方案 > 在标签中的图像上添加有效的检查图像或图标

php - 在标签中的图像上添加有效的检查图像或图标

问题描述

我有 5 个无线电类型输入，我关联了一个包含大条目图片的图像，并且该图像和可点击的图像（在 JS 中处理）。

现在我们可以点击一个有效的图像检查（例如fa -fa-check）我做了一个函数或者我可以在图像周围放置一个轮廓但是不可能放置一个图像是惊人的或者我是做错了。

谢谢您的帮助。

                    /*-----twig-html---*/

                   <div class="col-6">

                        <div class="label-div" style="width: 450px;">
                            {% for i in 1..10 %}

                            <label for="scale{{question.id}}for{{i}}" style="margin:3px;"><img src="{{asset('images/survey/'~ i ~'.jpg')}}"></label>
                            <input type="radio" class="radio-pict" name="{{question.id}}"id="scale{{question.id}}for{{i}}" value="{{i}}">

                            {% endfor %}

                        </div>

                    </div>

                     /*----jquery/js----*/
           $('.label-div [type="radio"]').click('change', function () {
               $(this)
                  .prev().addClass('selected')
                  .siblings().removeClass('selected');
            });

                     /*------CSS-------*/

          .selected{
             outline: outset #84898b;
             }

标签： phpjquerysymfony

解决方案

这个问题没关系我只是在css上使用fontawesome

推荐阅读