Javascript 在带有ui的窗体中使用引导开关：重复

我有一个表格可以显示产品列表

可以选择或取消选择每个产品。用户必须选择他的产品，然后点击继续（提交）按钮

表示我使用的选项

我的问题是，当页面加载时，默认情况下应该选择一些产品

我的代码如下：

<ui:repeat value="#{bean.products}" var="product" varStatus="status">
    <li>
        <div>
            <div>
                <div>
                    <div style="width: 100%;">
                        <div>
                            <div><b>#{product.productName}</b></div>
                        </div>

                        <div>
                            <div class="make-switch switch-mini " data-on-label="Yes" data-off-label="No">
                                <input class="switch#{status.index}" type="checkbox"></input>
                            </div>
                            <input type="hidden" class="checked#{status.index}" value="#{product.initiallySelected}"></input>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ui:repeat>

---

我正在使用JSF2.1（ApacheMyFaces2.1.5）、jQuery2.0.2，后端有一个Javabean。如果有人能帮我，或者指出我做错了什么，我会非常棒

将id添加到输入，即

<input id="myswitch" type="checkbox"/>

我就是这样做的，这对我很有效

<input id="myswitch" type="checkbox"/>

if(status==true){
    $('#myswitch').prop('checked',true);
}