Question

我有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;
             }

Answer 1

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

在标签中的图像上方添加有效的支票图像或图标

1 个答案: