Question

这是复选框列表的代码：

<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来检查代码。如何使用另一个复选框执行检查或取消选中所有这些功能的功能。谢谢！

Answer 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

Answer 2

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

styleClass="checkboxToCheckClass"

然后通过javascript（jquery here）：

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

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

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

2 个答案: