如何通过使用 javaScript 选中一个复选框来检查所有 <p:selectBooleanCheckbox/> 布尔复选框答案

【问题标题】：How to check all <p:selectBooleanCheckbox/> boolean Checkboxes by checking one check box with javaScript如何通过使用 javaScript 选中一个复选框来检查所有 <p:selectBooleanCheckbox/> 布尔复选框
【发布时间】：2016-10-07 04:55:34
【问题描述】：

我有 jsf 的 </p:dataTable>，它在一个标题列中包含一个主要的 <p:selectBooleanCheckbox >。在此列下我有更多 <p:selectBooleanCheckbox >。我需要检查主要的 <p:selectBooleanCheckbox >，然后所有其他复选框应该是已检查。如果我取消选中主要的所有其他人也应该取消选中。我尝试了很多示例，但没有工作。我需要使用 javaScript 来完成。

<p:dataTable value="#{userMassTransferBean.recordList}" var="record">
    <p:column>
        <f:facet name="header">
            <h:outputText value="Transfer To "/> 
            <p:selectBooleanCheckbox id="mainCheckbox" />
        </f:facet>
        <p:selectBooleanCheckbox  id="subCheckbox" value="#{userMassTransferBean.selected}" />
    </p:column>
</p:dataTable>

我使用了一些从互联网上找到的 javaScripts，但它们给了我类似的错误

找不到属性类的设置器

所以我在<p:selectBooleanCheckbox > 标记中使用了styleClass 属性，但是脚本不起作用。请不要将此标记为重复，我需要使用javaScript 来执行此操作。

【问题讨论】：

为什么不用<p:dataTable>自己的行选择功能呢？ primefaces.org/showcase/ui/data/datatable/selection.xhtml

标签： javascript jquery jsf-2

【解决方案1】：

您似乎正在使用 primefaces 来创建表格。如果您只想使用 javascript 最好显示生成的 html。但是，我认为对 ID 属性使用相同的值并不是一个好主意，它在 html 页面中必须是唯一的。当您使用不是样式表类的属性 Class 时，会显示错误“setter not found for property class”，因为该目的是使用向组件添加 css 类的 styleClass 属性。

【讨论】：