如何通过选中一个带有javaScript的复选框来检查所有<p：selectbooleancheckbox>布尔复选框

Question

我有</p:dataTable>个jsf，其中包含一个标题列中的主<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，但是他们给了我一些像

这样的错误

  找不到属性类

的setter

所以我在<p:selectBooleanCheckbox >标签中使用了styleClass属性，但后来脚本没有用。请不要将其标记为重复，我需要用javaScript来做。

Answer 1

似乎你正在使用primefaces来创建表。如果你只想使用javascript更好地显示生成的html。 Hovewer我认为对ID属性使用相同的值不是一个好主意，它必须在html页面中是唯一的。属性类＆＃34;找不到错误＆＃34; setter;当您使用属性Class而不是样式表类时会显示，因为该目标使用了将css类添加到组件的styleClass属性。