取消选中Cornerstone BigCommerce复选框

Question

下面的代码在基石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

结帐是使用react呈现的，您需要触发状态更改才能完全取消选中此选项。您可以向您的结帐页面添加一个脚本，如下所示：

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

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