如何选中/取消选中列表中的所有复选框答案

【问题标题】：How check/uncheck all checkboxes from a list如何选中/取消选中列表中的所有复选框
【发布时间】：2013-05-30 13:26:27
【问题描述】：

这是复选框列表的代码：

<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 来检查代码。我怎样才能使用另一个复选框来检查或取消选中所有这些功能。谢谢！

【问题讨论】：

您应该回复答案，看看它们是否好，接受与否。

标签： javascript checkbox richfaces

【解决方案1】：

几年前我已经用 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>

更多信息：

RichFaces Component References Functions

【讨论】：

【解决方案2】：

将相同的 styleClass 添加到您的复选框（Richfaces style classes redefinition）：

styleClass="checkboxToCheckClass"

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

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

此链接可以帮助您：Using jquery to get all checked checkboxes with a certain class name

【讨论】：

默认情况下，您不能将$() 与 RichFaces 一起使用。
好的，我只尝试过一次richfaces。但也许，styleClass 技巧可以帮助他。您的回答肯定会更有帮助。