neowaring
@neowaring
Разработчик модулей и дополнений Opencart/ocStore

Как активировать переключатель radio после нажатия на картинку опции?

Есть радио переключатель с картинками опции
Как сделать что бы после нажатия на картинку IMG сам radio становился выбраным ?

Вот код radio кнопок

product.php
<?php if ($option['type'] == 'radio') { ?>
                  <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
                    <label class="control-label"><?php echo $option['name']; ?></label>
                    <div id="input-option<?php echo $option['product_option_id']; ?>">
                      <?php foreach ($option['product_option_value'] as $option_value) { ?>
                      <div id="pp_options_radio"  class="radio">
                        <label>
                          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" class="pp_options"/>
                          <?php if ($option_value['image']) { ?>
                          <img src="<?php echo $option_value['image']; ?>" data-toggle="tooltip" data-placement="top" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" title="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail pp_img_options" />
                          <?php } ?>
                          <?php if ($option_value['price']) { ?>
                          (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                          <?php } ?>
                        </label>
                      </div>
                      <?php } ?>
                    </div>
                  </div>
                  <?php } ?>


Желательно стронним скриптом
  • Вопрос задан
  • 58 просмотров
Решения вопроса 1
etrid
@etrid
Full Stack Web Developer
<input id="item">
<img onclick="set('item')">
<script>
function set(id)
{
  $('#'+id).click();
}
</script>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Sponom
Frontend разработчик, работаю с vue js.
Добавь в input атрибут id,
а для label добавь атрибут for="id инпута"

Клик по label будет переключать radio input, а соответственно и клик по img тоже

Подробнее о теге label и атрибуте for можешь погуглить)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы