[ case à cocher Formulaire ]

Version imprimable

Bonjour,

Je vous explique mon problème.
Je souhaite en fonction du service selectionné, cocher automatiquement des cases à cocher.

voici comment j'ai procédé, cela fonctionne sur FF mais pas sur IE

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
 
<script type="text/javascript">
 
function select_service ( _material ) {
 
	var _case = document.getElementById( _material  ) ;
 
	_case.setAttribute( 'checked' , 'checked' ) ;
 
	return true ;
 
}
 
</script>
</head><body>
 
<table height="100%" width="800" border="0" cellpadding="3">	
				<tr>
					<td width="50"> </td>
					<td class="champs">Service :</td>
					<td>
					<select id="Service" name="Service" size="1" onchange="showEngineer();" onkeyup="showEngineer();">
					<option>< ------- Choose a service ------- ></option>	
					<option value="Administration" onclick= " select_service ( 'Cellphone' ) ; "  <?php $select = ( $_REQUEST [ 'Service' ] == 'Administration' ) ? ' selected="selected" ' : ''  ; echo $select ; ?> >Administration</option>
					<option value="Engineering" onclick = " select_service ( 'Cellphone' ) ; " <?php $select = ( $_REQUEST [ 'Service' ] == 'Engineering' ) ? ' selected="selected" ' : ''  ; echo $select ; ?>>Engineering</option>
					</select> 
					</td>	
				</tr>	
				<tr>	
					<td width="50">&nbsp;</td>	
					<td class="champs">Cellphone : </td>
					<td><input type="checkbox" name="Cellphone" value="yes" id="Cellphone" <?php $check = ( $_REQUEST [ 'Cellphone' ] ) ? 'checked="checked"' : '' ; echo $check ; ?> /></td>	
				</tr>	
 
</table>
 
</body></html>

Merci.

Code:

1
2
3
4
5
6
7
8
9
function select_service ( _material ) {
 
	var _case = document.getElementById( _material  ) ;
 
	_case.checked='checked' ) ; // ou =true ??
 
	return true ;
 
}

22/03/2007, 11h48
Arkoze

Je viens de remplacer mon code par ce que tu m'as conseillé mais sans succès.

ça fonctionne toujours sur FF mais pas sur IE

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
 
function select_service ( _material ) {  
 var _case = document.getElementById( _material ) ;   
 	_case.checked='checked' ; 
 	return true ;   }
 
</script>
</head>
 
<body>
<input type="checkbox" id='one' />
<input type="button" onclick="select_service('one') " value='go' />
</body>

testé sous IE et FFX

22/03/2007, 12h12
Arkoze

Effectivement, ça fonctionne.

Mais la différence, c'est que pour moi, il s'agit d'une liste déroulante et pas d'un boutton. Est-ce que cela ne viendrait-il pas du "Onclick" qui n'est pas pris en compte dans mon cas par IE?
22/03/2007, 12h21
Bisûnûrs

Pourquoi ne pas simplement le mettre sur le onchange du select plutôt que sur les onclick des options ?
22/03/2007, 12h26
Arkoze

J'ai déjà essayé, sans succès :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type='text/javascript'>
 
function select_service ( _material ) {  
 var _case = document.getElementById( _material ) ;   
 	_case.checked='checked' ; 
 	return true ;   }
 
</script>
 
<body>
<input type="checkbox" id='one' />
<input type="checkbox" id='two' />
 
<select onchange="select_service(this.value)" />
<option  value='one'>one</option>
<option  value='two'>two</option>
</select>

22/03/2007, 14h31
Arkoze

En effet, ça marche.

Seulement, dans mon cas, si tu regardes bien, les values du select ne sont pas les id des checkbox.

C'est différent non?
22/03/2007, 14h33
SpaceFrog

ben si tu vois comment appeler un objet avec getElementById sans l'id ...
dépose tout de suite un brevet !