基石 BigCommerce 复选框未选中

Question

下面的代码位于 Cornerstone BigCom 模板中。 默认情况下，它显示复选框为选中状态。 在“我的帐单地址与我的送货地址相同”部分附近。

我试图弄清楚如何将复选框显示为未选中。 一直在玩语法，但没有用。 帮助！

{{#if 复选框}}

   {{#each checkboxes}}
        <input type="checkbox"
         value="{{value}}"
         name="{{name}}"
         id="{{name}}" 
         data-label="{{label}}" 
         class="form-checkbox" {{#if checked}}checked{{/if}} 
         {{#if private_id}}data-field-type="{{private_id}}"{
         {/if}}>
        
   <label class="form-label {{class}}" for="{{name}}">{{label}}</label>
     {{/each}}
      {{/if}}

Answer 1

结帐是通过反应呈现的，您需要触发 state 更改以完全取消选中此选项。 您可以向结帐页面添加类似于以下内容的脚本：

(function uncheckCheckbox(){
var checkBox = document.getElementsByClassName('optimizedCheckout-form-checkbox');
checkBox[0].checked = false; 
}())

请注意，这将获取结帐时的所有复选框，但 [0] 将 select 第一个复选框，即您要引用的复选框。 这可能不是 1:1 的解决方案，但我希望它可以帮助您入门：谢谢 :)