基石 BigCommerce 复选框未选中答案

【问题标题】：Cornerstone BigCommerce Checkbox Un Checked基石 BigCommerce 复选框未选中
【发布时间】：2021-04-13 15:59:47
【问题描述】：

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

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

   {{#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}}

【问题讨论】：

标签： javascript handlebars.js helper

【解决方案1】：

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

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

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

【讨论】：