如何仅从 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}}