Réactiver un bouton après traitement

Version imprimable

Bonjour,

lorsque je clique sur un bouton, je le désactive et le traitement s'exécute. Je voudrai que lorsque le traitement est terminé, le bouton se réactive.
Pourriez-vous m'aider à corriger mon code pour que ça marche svp. Merci d'avance.

https://jsfiddle.net/wcneesyw/20/

Code:

1
2
3
4
5
6
<button id="Action">Go</button>
<br><br>
<input id="button1" type="button" value="1" />
<br><br>
<input id="button2" type="button" value="Désactivation" />
<input id="button3" type="button" value="Réactivation" />

code JQUERY :

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
$('#Action').on('click',function() {
	increment(1);
});
 
function increment(i) {
$('#Action').attr('disabled', 'disabled');
	$('#button1').attr('value', i);
	if(i < 10) {
  	setTimeout(function() {
  		increment((i+1));
       if (i===10) {  
  //alert("OK");
$('#Action').attr('disabled', false); 
  }; 
    },300);      	
  if (i===10) {  
  //alert("OK");
$('#Action').attr('disabled', false);
  };
  };
 
};
 
 
$('#button2').on('click',function() {
$('#Action').attr('disabled', 'disabled');
});
 
$('#button3').on('click',function() {
$('#Action').attr('disabled', false);
});

12/12/2017, 07h00
Invité

Bonjour,

Voir .prop() :

Code:

.prop( "disabled", false );
12/12/2017, 15h23
Arsene12

merci mais ça change rien.

https://jsfiddle.net/wcneesyw/23/

Le résultat est le même.

1- i ne vaut jamais 10.

2-

Code:

$('#button1').prop('value', i);

:cfou:

Code:

$('#button1').val(i);

3- enfin (?), INDENTE PROPREMENT ton code !
Tu y verras plus clair !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function increment(i)
{
	$('#Action').prop('disabled', 'disabled'); // désactive le bouton
	$('#button1').val(i);
	if(i < 10) {
		i++; // on incrémente
		setTimeout(function() {
			increment(i); // on reboucle
			if (i==10) {
				$('#Action').prop('disabled', false); // réactive le bouton
			}
		},300);
	}
};

12/12/2017, 19h36
Arsene12

Merci beaucoup. J'ai mis 9 à la place de 10 et ça fonctionne.

https://jsfiddle.net/wcneesyw/24/