Split chaine et Transforme en radio

**IAGISG** · 01/06/2012, 16h56

Bonjour,

j'ai une liste sous cette forme [R#01,R#02,R#03]

est il possible d'afficher chaque élément dans un bouton radio pour faire un autre traitement après,

**SpaceFrog** · 01/06/2012, 17h15

element ?
tu parles d'array ?

R#01 = un element ????

**IAGISG** · 01/06/2012, 17h21

C'est la première fois que j'utilise JavaScript mais dans un champ text.

J'ai reçu cette forme [R#01,R#02,R#03].
Donc ma question : est-il possible de diviser le contenu ? Je ne veux pas ce tableau. Je veux devant R#01 un bouton radio et les autres aussi.

**Piflo** · 04/06/2012, 09h39

Envoyé par IAGISG

[R#01,R#02,R#03]

ton tableau me fait pensé a un algo que tu doit appliqué dessus.
pour chaque éléments crée un bouton radio ou R est le name (commun au radio bouton).
et 0n la valeur du bouton.

c'est sa que tu veut ?

**IAGISG** · 04/06/2012, 09h58

Bonjour,
oui c'est exactement que je veuille mais le problème que je sais pas le size() de array au préalable

alors si je fais un groupe des boutons radio je dois connais le nombre de bouton que je dois les mettre

**SpaceFrog** · 04/06/2012, 09h59

pas de value ?

**IAGISG** · 04/06/2012, 10h05

Code :

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

1
2
3
4
5
6
 
<input type=radio name="remarque" value="R#01"> R#01
 
<input type=radio name="remarque" value="R#02"> R#02
 
<input type=radio name="remarque" value="R#03"> R#03

si je mets ceci ce que je sais que j'ai trois remarque alors c'est pas le cas dans des autres cas

**Bovino** · 04/06/2012, 10h19

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
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Boutons radio</title>
	<script>
		var tabRadios = [];
		function addValue(){
			tabRadios.push(prompt('Valeur à ajouter : '));
		}
		function creeRadios(){
			var htmlRadios = '';
			tabRadios.forEach(function(elem){
				htmlRadios += '<label><input type="radio" name="remarque" value="'+elem+'" /> '+elem+'</label>';
			});
			document.getElementById('resultat').innerHTML = htmlRadios;
		}
	</script>
</head>
<body>
	<p><button onclick="addValue()">Ajouter un label</button></p>
	<p><button onclick="creeRadios()">Créer les boutons radio</button></p>
	<div id="resultat"></div>
</body>
</html>

**dukej** · 04/06/2012, 11h27

Envoyé par Bovino

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
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Boutons radio</title>
	<script>
		var tabRadios = [];
		function addValue(){
			tabRadios.push(prompt('Valeur à ajouter : '));
		}
		function creeRadios(){
			document.getElementById('resultat').innerHTML = tabRadios.map(function(elem){
				htmlRadios += '<label><input type="radio" name="remarque" value="'+elem+'" /> '+elem+'</label>';
			}).join('');
 
		}
	</script>
</head>
<body>
	<p><button onclick="addValue()">Ajouter un label</button></p>
	<p><button onclick="creeRadios()">Créer les boutons radio</button></p>
	<div id="resultat"></div>
</body>
</html>

Excusez moi mon bon monsieur, mais je vous invite à utiliser un map et un join

**SpaceFrog** · 04/06/2012, 11h29

un replace avec un regexp ^^

**Bovino** · 04/06/2012, 13h17

Envoyé par dukej

Excusez moi mon bon monsieur, mais je vous invite à utiliser un map et un join

J'ai rien contre, mais je ne vois pas spécialement l'intérêt...

**IAGISG** · 04/06/2012, 15h08

Un petit truc si je veux ajouter le contenu de tableau a partir d'un champ text

Code :

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

1
2
3
4
5
 
function addValue(){
			tabRadios.push(document.getElementById('txt').value));
 
		}

Code :

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

<input type="text" name="txt" id="txt" value="['R#01','R#02']" />

mais il ne marche pas

**NoSmoking** · 04/06/2012, 22h06

dans l'exemple que tu montres tu ne fais que stoker en fin de tableau la chaine ['R#01','R#02']

**IAGISG** · 05/06/2012, 09h49

Bonjour

donc je dois parcourir la chaîne et remplir le tableau comme ci est il possible

Code :

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

1
2
3
4
5
6
7
 
var dmc = document.getElementById("txt").value;
for(var i=0;i<dmc.length;i++){
tabRadios.push(dmc[i]);
 
}
}

**SpaceFrog** · 05/06/2012, 09h50

la value est un string ...
pour passer d'un string à un array => split ...

**IAGISG** · 05/06/2012, 10h26

Donc je dois découper la chaîne en tableau et stocher le resulat dans tabRadios c ca

Code :

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

1
2
3
4
5
6
7
8
9
 
var chaine=document.getElementById("txt").value;
var dmc =[];
 dmc = chaine.split(',');
for(var i=0;i<dmc.length;i++){
tabRadios.push(dmc[i]);
 
}
}

**NoSmoking** · 05/06/2012, 23h03

pourquoi transférer un tableau dans un autre tableau

Code :

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

1
2
var chaine=document.getElementById("txt").value;
tabRadios = chaine.split(',');

en direct!

Split chaine et Transforme en radio

JavaScript

Discussions similaires

Partager

Partager