如何仅从 shopify 的表单中获取选中的元素？

Question

{% assign type_bonbon = "Sans sucre, Gélifié, Guimauve, Nougat, Acide, Doux" | split : ", " %}
<section class="page__content">
  {% capture contact_form %}
    <div class="contact">
      {% form 'contact', class: 'contact__form' %}
        <div class="form__control">
            <label class = "form__label" for="contact__type_bonbon">Types de bonbons</label>
            {% for type in type_bonbon %}
              <div class = "checkbox">
                <input type="checkbox" id="contact__type_bonbon" name="contact[type]" value="{{type_bonbon}}">{{type}}
              </div>
            {% endfor %}
        </div>
      {% endform %}
    </div>
  {% endcapture %}
</section>

大家好，我正在努力获取复选框中的每个选中值。现在我只得到最后检查的值我知道在 PHP 中我们会使用 GET 方法以便将“选中”方法放入每个选中的复选框，但是，我不知道如何在 shopify 中进行。

再次感谢

Answer 1

我刚刚检查过，我能够复制你上面提到的关于只接收最后检查的值的行为。我不知道这是 Shopify 的错误还是功能，但您可以使用如下所示的解决方法，其中每个字段的名称都不同。另一件小事是 ID 属性需要是唯一的，因为它在上面的 for 循环中生成相同的属性。此外，对于 value 它应该是 value="{{type}}" 而不是 value="{{type_bonbon}}" 因为 type_bonbon 是一个数组。

{% assign type_bonbon = "Sans sucre, Gélifié, Guimauve, Nougat, Acide, Doux" | split : ", " %}
<section class="page__content">
  {% capture contact_form %}
    <div class="contact">
      {% form 'contact', class: 'contact__form' %}
        <div class="form__control">
            <label class = "form__label" for="contact__type_bonbon">Types de bonbons</label>
            {% for type in type_bonbon %}
              <div class = "checkbox">
                <input type="checkbox" name="contact[type-{{type}}]" value="{{type}}">{{type}}
              </div>
            {% endfor %}
        </div>
      {% endform %}
    </div>
  {% endcapture %}
</section>

只更改了这行代码，为每个类型生成新的字段名称。

<input type="checkbox" name="contact[type-{{type}}]" value="{{type}}">{{type}}

如何仅从 shopify 的表单中获取选中的元素？

How to get only checked elements from a form in shopify?

javascript

liquid

shopify