如何检查所有<P：selectBooleanCheckbox />通过检查一个复选框用JavaScript

Question

布尔复选框我有一个包含一个在主一个报头<p:selectBooleanCheckbox > column.Under此列JSF的</p:dataTable>我有更多<p:selectBooleanCheckbox > .I需要检查主要<p:selectBooleanCheckbox >，然后所有其他复选框应该检查。如果我没有检查主要的其他所有其他人也应该取消选择too.I已经尝试了很多例子，但没有工作。我需要这个与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从互联网上找到，但他们给我的错误，如

二传手没有发现财产类

所以我用styleClass属性的<p:selectBooleanCheckbox >标签内，但后来该脚本没有奏效。请不要将其标记为重复的，我需要使用javaScript来完成此操作。

Answer 1

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