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...
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 function getCases(OptionChoisie){ $.ajax({ url: 'api/case.php', type: 'POST', data: {'search_by': OptionChoisie}, cache: false, success: function(dataTest){ $("#caseContent").html(dataTest); } }); }
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...
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é. });
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
Partager