Скрытие полей ввода, если не выбран конкретный вариант - Shopify

Например, мне нужно скрыть три поля ввода, если не выбран мой шестой вариант. Все они показаны с кодом ниже.

<div class = "product-form__item product-form__item--quantity">
    <label for = "Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
    <input type = "number" id = "Quantity-{{ section.id }}" name = "quantity" value = "1" min = "1" class = "product-form__input" pattern = "[0-9]*">
</div>

Не уверен, можно ли это сделать с жидкостью или JS, но мне нужна помощь

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
82
1

Ответы 1

Получил работать с jQuery :)

jQuery("#SingleOptionSelector-0").change(function(){ 
  if ($(this).val() == 'Personalized'){
    $(".product-form__item--quantity").show(); 
  } else { 
    $(".product-form__item--quantity").hide();
  }
});

Другие вопросы по теме