Récupérer les checkbox cochées

Bonjour

Sur plusieurs pages, j'utilise datatables.
Sur l'une d'elles, je souhaiterais faire une sélection de certaines lignes et les envoyer via une formulaire.

Dans les script, que je joins, il y a donc une partie qui gère l'affichage en datatable, et la deuxième qui récupère les checkboxes, les entre dans une variable data. Ensuite j'affiche une alerte avec le contenu de ma variable (dans un premier temps, après je devrai faire l'envoie vers une autre page pour le traitement)

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
$(document).ready(function() 
            {
            	$('#example6').DataTable( 
            	{
            		"language": 
            		{
            			"sProcessing":     "Traitement en cours...",
            			"sSearch":         "Rechercher&nbsp;:",
            			"sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
            			"sInfo":           "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
            			"sInfoEmpty":      "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
            			"sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            			"sInfoPostFix":    "",
            			"sLoadingRecords": "Chargement en cours...",
            			"sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
            			"sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
            			"oPaginate": 
            			{
            				"sFirst":      "Premier",
            				"sPrevious":   "Pr&eacute;c&eacute;dent",
            				"sNext":       "Suivant",
            				"sLast":       "Dernier"
            			},
            			"oAria": 
            			{
            				"sSortAscending":  ": activer pour trier la colonne par ordre croissant",
            				"sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
            			}
            		},
 
            		dom: 'Bfrtip',
            		buttons: 
            		[
            			'csv', 'excel',{
            			    extend : "pdf",
            			    text: 'PDF',
            			    orientation: 'landscape',
						    exportOptions: {
							    stripHtml: false
						    },
            			    footer: function(currentPage, pageCount) { 
            			        return currentPage.toString() + ' sur ' + pageCount; 
            			    },
 
            			},
            		]
 
            	} );
 
            	$('#selectrefofval').change(function() {
 
                    var checkboxes = document.getElementById("my_form").getElementsByTagName("input");
                    var u = 1;
                    for (var i = 0, iMax = checkboxes.length; i < iMax; ++i) {
                       var check = checkboxes[i];
                       if (check.type == "checkbox" && check.checked && u = 1) {
                           data = check.value;
                           u = u + 1;
                       }
                       if (check.type == "checkbox" && check.checked && u>1)
                       {
                           data = data+'|'+check.value;
                           u = u + 1;
                       }
                    }
 
            	    alert(
                        "The following data would have been submitted to the server: \n\n"+
                        data
                    );
                    return false;
 
            	} );
 
            } );

Seulement, plus d'affichage en datatable, et du coup le reste, ne fonctionne pas non plus :/

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<div class="col-lg-12 col-md-12 col-sm-12" style="margin-top:15px;">
 
			<form id="my_form" name="my_form" method="post">
 
		        <select id="selectrefofval" class="form-control form-control-sm selectrefofval" >							
 
                  <option value="">Choisir son action</option>
 
                  <option value="http://www.yahoo.fr/">Accepter</option>
 
                  <option value="http://www.msn.com/">Refuser</option>
 
                </select>
 
				<table width="100%" class="table table-striped table-bordered dt-responsive nowrap" id="example2">
					<thead>
						<tr>
						    <th></th>
							<th>'.ELABO_ART.'</th>
							<th>'.ELABO_LIB.'</th>
							<th>'.ELABO_M_R_N0.$annee_n0_annee.'</th>
							<th>'.ELABO_M_R_A.'</th>
							<th>'.ELABO_M_R_P.'</th>
							<th>'.ELABO_M_NR_N0.$annee_n0_annee.'</th>
							<th>'.ELABO_M_NR_P.'</th>
							<th>'.WORKFLOW.'</th>
							<th></th>
							<th></th>
							<th></th>
						</tr>
					</thead>
                                                 <tr>
						    <td><input class="form-check-input" type="checkbox" value="1" name="checkbox1_name"></td>
							<td v-align="center" align="center">'.$articles_article.'</td>
							<td v-align="center" align="center">'.$articles_libelle.'</td>
							<td v-align="center" align="center">'.$elabo_n0_montant_arrondi.'</td>
							<td v-align="center" align="center">'.$elabo_n1_montant_auto_arrondi.'</td>
							<td v-align="center" align="center">'.$elabo_proj_n1_montant1.'</td>
							<td v-align="center" align="center">'.$elabo_n0_montant_nr_arrondi.'</td>
							<td v-align="center" align="center">'.$elabo_proj_n2_montant1.'</td>
							<td v-align="center" align="center">'.$choix_workflow_lib1.'</td>
							<td v-align="center" align="center">
								<a href="elabo_budg_zoom_ordi.php?id='.$soc_choix.'&art='.$articles_id.'">
									<img src="../images/afficher.png" alt="Visionner">
								</a>
							</td>
							<td v-align="center" align="center">
								<a href="elabo_budg_art_valid.php?id='.$soc_choix.'&art='.$articles_id.'">
									<img src="../images/fleche.jpg" alt="Valider">
								</a>
							</td>
							<td v-align="center" align="center">
								<a href="elabo_budg_art_refus.php?id='.$soc_choix.'&art='.$articles_id.'">
									<img src="../images/fleche_r.png" alt="Refuser">
								</a>
							</td>
						</tr>';
 
						}
 
					}
 
 
					echo'
				</table>
 
			</form>
 
			</div>