bouton radio sans formulaire

**laurent1133** · 25/01/2012, 10h41

bjr,

Je ne sais pas quoi transmettre comme paramètre à la fonction testerRadio()

Quelqu’un peut il m'aider !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8" />
	<script>
 
	function testerRadio( radio ){
		for( var i=0 ; i<radio.length ; i++ ){
			 if ( radio[i].checked ){
				document.getElementById("cible").firstChild.nodeValue = radio[i].value;
			 }
		}
  }
 
	</script>
</head>
 
<body>
	<p id="cible">null</p>
 
  <p onClick="testerRadio( ???? )">
    <label>
      <input type="radio" name="RG" value="1">
		b1</label>
 
   <label>
    <input type="radio" name="RG" value="2" checked="checked">
    b2</label>
 
  </p>
</body>
</html>

**SpaceFrog** · 25/01/2012, 10h51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8" />
	<script>
 
	function testerRadio( elt ){
	  allelt=elt.getElementsByTagName('input')
	  var i=-1
	  radio=new Array()
	  while(allelt[++i]){
	  if (allelt[i].type=='radio'){radio.push(allelt[i]) }
	  }
		for( var i=0 ; i<radio.length ; i++ ){
			 if ( radio[i].checked ){
				document.getElementById("cible").firstChild.nodeValue = radio[i].value;
			 }
		}
  }
 
	</script>
</head>
 
<body>
	<p id="cible">null</p>
 
  <p onClick="testerRadio(this)">
    <label>
      <input type="radio" name="RG" value="1">
		b1</label>
 
   <label>
    <input type="radio" name="RG" value="2" checked="checked">
    b2</label>
 
  </p>
</body>
</html>

Mais y'a plus simple ..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8" />
	<script>
 
	function testerRadio( val ){
			document.getElementById("cible").firstChild.nodeValue = val;
  }
 
	</script>
</head>
 
<body>
	<p id="cible">null</p>
 
  <p >
    <label>
      <input type="radio" name="RG" value="1" onClick="testerRadio(this.value)">
		b1</label>
 
   <label>
    <input type="radio" name="RG" value="2" checked="checked" onClick="testerRadio(this.value)">
    b2</label>
 
  </p>
</body>
</html>

bouton radio sans formulaire

JavaScript

Discussions similaires

Partager

Partager