所有由JQuery选择的Primefaces复选框都不能正常工作
Primefaces checkboxes selected all by JQuery not working properly
我使用JQuery来选择一组复选框…视觉效果很好。第一次,所有的支票都是真实的。但是,如果我选择全部,再次单击以取消全部选择,然后再次选择全部,当我提交表单时,对于JSF,它们都被计算为false。
function selectAllByClass(checkAll , classeCheckbox) {
var checked = checkAll.checked;
//to change the checked attribute
$('div.' + classeCheckbox + ' input[type=checkbox]').attr('checked',
checked);
if (checked) {
$('div.' + classeCheckbox + ' > div.ui-chkbox-box').each(function() {
$(this).addClass('ui-state-active');
$(this).children('span').addClass('ui-icon ui-icon-check');
});
} else {
$('div.' + classeCheckbox + ' > div.ui-chkbox-box').each(function() {
$(this).removeClass('ui-state-active');
$(this).children('span').removeClass('ui-icon ui-icon-check');
});
}
}
<p:outputPanel
id="parcelasPanel"
deferred="true"
deferredMode="visible"
delay="10"
styleClass="togglePanelEscondido escondido">
<p:dataTable styleClass="tabela_sgi"
value="#{cobranca.parcelas}"
var="parcela">
<p:column
headerText="Nº do Boleto(s)"
styleClass="alinhar_centro">
<h:outputText value="#{parcela.numeroBoleto}" />
</p:column>
<p:column
headerText="Nº Parcela(s)"
styleClass="alinhar_centro">
<h:outputText value="#{parcela.numeroParcela}/#{cobranca.quantidadeParcelas}" />
</p:column>
<p:column
headerText="Nº Reemissões"
styleClass="alinhar_centro">
<h:outputText value="#{parcela.numeroReemissoes}" />
</p:column>
<p:column
headerText="Vencimento"
styleClass="alinhar_centro">
<h:outputText value="#{parcela.dataVencimento}">
<f:convertDateTime />
</h:outputText>
</p:column>
<p:column
headerText="Valor"
styleClass="alinhar_direita">
<h:outputText value="#{parcela.valor}">
<f:convertNumber
type="currency"
currencyCode="BRL" />
</h:outputText>
</p:column>
<p:column
headerText="Valor Atualizado"
styleClass="alinhar_direita">
<h:outputText value="#{parcela.valorAtualizado}">
<f:convertNumber
type="currency"
currencyCode="BRL" />
</h:outputText>
</p:column>
<p:column
headerText="Situação"
styleClass="alinhar_centro tamanho_col_situacao">
<h:outputText value="#{parcela.situacao}" styleClass="bold" />
</p:column>
<p:column
headerText="Negociar"
styleClass="alinhar_centro tamanho_col_negocias">
<p:selectBooleanCheckbox
value="#{negociacaoBaseBean.parcelasSelecionadas[parcela]}"
disabled="#{!negociacaoBaseBean.tipoNegociacaoSelecionado.aceitaParcelas or (negociacaoBaseBean.tipoNegociacaoSelecionado.eReemissaoENaoPodeReemitir(parcela.podeReemitir))}"
styleClass="#{negociacaoBaseBean.tipoNegociacaoSelecionado.aceitaParcelas and !(negociacaoBaseBean.tipoNegociacaoSelecionado.eReemissaoENaoPodeReemitir(parcela.podeReemitir))?'selecionaParcelaOn':'selecionaParcelaOff'}">
</p:selectBooleanCheckbox>
</p:column>
</p:dataTable>
</p:outputPanel>
用prop()
代替attr()
。您需要更改元素的实际属性,而不仅仅是属性。
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- ajaxToolkit PopupControlExtender不工作.过时的
- HTML标记在脚本标记中工作
- javascript扫雷器floodfill算法不能正常工作