Customized selectBooleanCheckbox works fine on Firefox but not IE, Opera?

Question

I'm using a customized selectBooleanCheckbox solution to give me a 'select all' like feature:
<h:form>
<h:dataTable binding="#{DialogManager.bean.nodeTable}" value="#{DialogManager.bean.nodeList}" var="nodeItem" border="1" cellpadding="10" cellspacing="1" >
    <h:column>
        <f:facet name="header">
           <h:selectBooleanCheckbox value="#{DialogManager.bean.selectAll}" valueChangeListener="#{MultipleSelectionDialog.allSelected}" immediate="true" onchange="this.form.submit();" />       
        </f:facet>
        <h:selectBooleanCheckbox value="#{nodeItem.selected}" />       
    </h:column>
</h:dataTable>
</h:form>When a user clicks on the selectBooleanCheckbox in the header, the other selectBooleanCheckboxs should also be selected. This works on Firefox, but not on IE or Opera. On IE, the checkbox in the header is selected and none of the checkboxs beneath it are selected. On Opera, the checkbox in the header is only selected for a moment before it is deselected.
Why would this happen? How can I fix it for IE and Opera?

Answer 1

tried onclick instead of onchange, no difference.
The IE browser produces browser failure messages:
'elements' is Null or not an object
container.jsp row 325
'elements.dialog:act' is Null or not an object
container.jsp row 381
Code: 0 Character 3I checked in the corresponding files and cannot make sense of the error messages.