problème Javascript et JSF

Mon but c'est d'avoir un checkBox qui permet de corcher tous les chechBox d'un tableau fait avec RichFaces
et quand je décroche que tous les checkBox du tableau soient aussi décrochés.

j'ai du mal parce que à la génération du html les id des mes champs sont jamais les même; ils sont générés je pense :

mon code js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
 
function selectAll(Form, FormCheckAll) {
		    var i, n = 0 ;
		    var oElement ;
			var formName = document.forms[Form];
			var formNameCheckAll = document.forms[FormCheckAll];
			var oElementAll = formNameCheckAll.elements[0].checked;
 
			 if(oElementAll == false){			 
			    for ( i = 0 ; i < formName.elements.length ; i++ ) {
			        oElement = formName.elements[i] ;
			        if ( oElement.tagName.toLowerCase() == "input" ) {
			            if ( oElement.type.toLowerCase() == "checkbox" ) {
				                     oElement.checked = false;								
							}
			            }
			        }
			}
 
			else{			 
			    for ( n = 0 ; n < formName.elements.length ; n++ ) {
			        oElement = formName.elements[n] ;
			        if ( oElement.tagName.toLowerCase() == "input" ) {
			            if ( oElement.type.toLowerCase() == "checkbox" ) {
				                     oElement.checked = true;								
							}
			            }
			        }
			}
 
		}

JSF:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
 
 
<rich:tabPanel>
		<rich:tab label="Found">
 
<h:form name="tabform" >
 
		<rich:dataTable id="dataTable" value="#{monBean.Users}" var="data" rows="20" rowClasses="row1, row2" >
 
		<rich:column>
 
			<h:selectBooleanCheckbox  id="check_list" value="#{data.selected}"/>
 
		</rich:column>
 
		    <rich:column sortBy="#{data.Idnumber}">  
 
						<core:facet name="header">
							<h:outputText value="Person Id" />
						</core:facet>				
						<h:outputText value="#{data.Idnumber}" />
 
		    </rich:column>
 
              <rich:column sortBy="#{data.Name}">  
 
						<core:facet name="header">
							<h:outputText value="Person Name" />
						</core:facet>				
						<h:outputText value="#{data.Name}" />
 
		    </rich:column>					
 
 
		</rich:dataTable>
 
<form name="check_all_invoices">
	<u>Sélectionner toutes Peronnes</u>
	<input type="checkbox" id="check_all" value="" onclick='selectAll("j_id14:_form","check_all_invoices");'/>
</form>
 
<rich:datascroller id="scroller1"  for="dataTable" reRender="scroller1" align="center"  />	
 
 
 
</h:form>
 
</rich:tab>