Discussion :

[cyberdede]

Bonjour

j'ai actuellement 12 functions

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
$('#pax-1').click(function() {
		pax = '1';
		$('#vpax').val(pax);
		$('#pax').html(pax);
		reservation();
	});
	$('#pax-2').click(function() {
		pax = '2';
		$('#vpax').val(pax);
		$('#pax').html(pax);
		reservation();
	});
	$('#pax-3').click(function() {
		pax = '3';
		$('#vpax').val(pax);
		$('#pax').html(pax);
		reservation();
	});

etc...
je voudrais faire une boucle de 1 à 12

Code :

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

1
2
3
4
5
6
7
8
9
10
for ($i = 1; $i <= 12; $i=$i+1) {
	var fct = "$("+"'#pax-" + $i + "').click(function() {";
	fct =fct+ "pax = '" + $i + "';";
	fct =fct+ "$('#vpax').val(pax);";
	fct =fct+ "$('#pax').html(pax);";
	fct =fct+ "reservation();";
	fct =fct+"});";
	fonction = new Function(fct);
	fonction();
 }

Mais ça ne fonctionne pas
Merci pour votre aide

[SpaceFrog]

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<input id="vpax" value="" />
<span id="pax"></span>
 
<div id="pax-1">1</div>
<div id="pax-2">2</div>
<div id="pax-3">3</div>
<div id="pax-4">4</div>
<div id="pax-5">5</div>
<div id="pax-6">6</div>
<div id="pax-7">7</div>
<div id="pax-8">8</div>
<div id="pax-9">9</div>
<div id="pax-10">11</div>
<div id="pax-11">11</div>
<div id="pax-12">12</div>

Code :

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

1
2
3
4
5
6
7
$("[id^='pax-']").each( function(){ $(this).on('click', function(){
		pax = $(this).attr('id').split('-');
    pax=pax[1];
		$('#vpax').val(pax);
		$('#pax').html(pax);
 
	} )} );