例如,除非选择第六个变体,否则我需要隐藏三个输入字段。它们都显示在下面的代码中。
<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>
不确定这是否适用于 liquid 或 JS,但我希望得到一些帮助
最佳答案
让它与 jQuery 一起工作:)
jQuery("#SingleOptionSelector-0").change(function(){
if($(this).val() == 'Personalized'){
$(".product-form__item--quantity").show();
} else {
$(".product-form__item--quantity").hide();
}
});
关于javascript - 隐藏输入字段,除非选择特定变体 - Shopify,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51740049/