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

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