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

{% 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 中进行。


再次感谢你


斯蒂芬大帝
浏览 113回答 1
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">&nbsp; {% capture contact_form %}&nbsp; &nbsp; <div class="contact">&nbsp; &nbsp; &nbsp; {% form 'contact', class: 'contact__form' %}&nbsp; &nbsp; &nbsp; &nbsp; <div class="form__control">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <label class = "form__label" for="contact__type_bonbon">Types de bonbons</label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {% for type in type_bonbon %}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class = "checkbox">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="checkbox" name="contact[type-{{type}}]" value="{{type}}">{{type}}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {% endfor %}&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; {% endform %}&nbsp; &nbsp; </div>&nbsp; {% endcapture %}</section>只有这一行代码被更改,为每个类型生成新的字段名称。<input type="checkbox" name="contact[type-{{type}}]" value="{{type}}">{{type}}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript