selectBooleanCheckbox更改ajax提交的样式

Question

因此。我的JSF Web应用程序中有一个selectBooleanCheckbox。

           <h:form id="settings">
                <div class="col-xs-8">
                    <label for="settings:check1" class="control-label">Email
                        reports</label>
                </div>
                <div class="col-xs-4 text-center">
                    <h:selectBooleanCheckbox id="check1" class="js-switch"
                        valueChangeListener="#{companyBean.emailReportsChange()}"
                        type="checkbox" value="#{companyBean.settingsEmail}">
                        <p:ajax event="change" update="settings" />
                    </h:selectBooleanCheckbox>
                </div>
            </h:form>

这是有效的，问题是。

Before submit look like this很好

after submit ajax look like this非常糟糕

为什么这是hapenning？ 我很好地提交了布尔变换后，bean中的方法工作正常。但是我失去了布尔复选框的样式

我没有使用PrimeFaces <p:ajax>，而是使用了<f:ajax>。结果相同。