2

这是复选框列表的代码：

<div class="span8">
    <h:panelGrid id="columnGrid" width="450">
        <rich:orderingList id="columnlist" value="#{EquipReportBean.settings}" listWidth="400" listHeight="250" var="item">
            <s:convertEntity />
            <rich:column>
                <h:selectBooleanCheckbox value="#{item.show_column}" id="showColumn"/>
            </rich:column>
            <rich:column>
                <h:outputText value="#{item.column_id.name}" id="columnName"></h:outputText>
                </rich:column> 
        </rich:orderingList>
    </h:panelGrid> 
</div>

我已经在互联网上找到了很多关于选中/取消选中所有 JavaScript 的内容。但这里的问题是我没有所有的复选框 ID 来检查代码。我怎样才能使用另一个复选框来检查或取消选中所有这些功能。谢谢！

4

2 回答 2

2

几年前我已经用 RichFaces 和 jQuery 做到了，在你的情况下应该可以解决这个问题：

<rich:column>
    <f:facet name="header">
       <input type="checkbox" onclick="jQuery(#{rich:element('columnlist')}).find('input[type=checkbox]').attr('checked',this.checked);" />
    </f:facet>

    <h:selectBooleanCheckbox value="#{item.show_column}" id="showColumn"/>
</rich:column>

更多信息 ：

于 2013-06-04T08:30:54.140 回答
2

将相同的 styleClass 添加到您的复选框（Richfaces 样式类重新定义）：

styleClass="checkboxToCheckClass"

然后通过javascript（这里是jquery）：

jQuery('.checkboxToCheckClass').attr('checked', true);

此链接可以帮助您：使用 jquery 获取具有特定类名的所有选中复选框

于 2013-06-04T08:31:01.253 回答