Bonjour,

Cela fait plusieurs jours que je butte sur un problème que je n'arrive pas à comprendre.

J'ai une application dans laquelle lorsque l'on choisi une option on remplace les cases à cocher liée à l'option choisie.

J'utilise la fonction suivante pour aller chercher et remplacer le bloc complet des cases à cocher div inclut.
Visuellement pas de soucis, les cases apparaissent bien sur la page...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
function getCases(OptionChoisie){
	$.ajax({
		url: 'api/case.php',
		type: 'POST',
		data: {'search_by': OptionChoisie},
		cache: false,
		success: function(dataTest){
			$("#caseContent").html(dataTest);
		}
	});
}
Ensuite lorsque j'ai besoin de recharger l'état antérieur de ma recherche j'exécute (en test actuellement) le code suivant
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$("#loadState").click(function () {
	var OptionChoisie = 'groupe';
	console.log(OptionChoisie);
	console.log($("#caseContent input")); //Donne les case précédentes
	$("#boxes").remove();
	getCases(OptionChoisie);
	console.log($("#caseContent input")); // Reste vide ???
	var matches = $(":checkbox:not(:checked)");
	console.log(matches); // Reste vide ???
	var formDatas = dataForm(form);
	console.log(formDatas); // Les cases à cocher ne sont pas dans le form une fois le serialize effectué.
 
});
si j'enlève la ligne $("#boxes").remove(); j'obtient le résultat voulu si je clique deux fois sur loadstate. la première fois il me remet les cases à cocher par défaut...

Ce dont j'ai besoin c'est de pouvoir changer le bloc de cases à cocher et les réutiliser lorsque je click 1 fois sur loadstate button.

D'avance je vous remercie pour aide.
Salutations