Récupérer valeurs de checkbox depuis une DialogBox
Bonjour,
Je me suis mis depuis peut au JS d'une part mais par la même occasion à utiliser jQuery qui est je trouve, une belle plateforme :)
Bref j'essaye de faire un formulaire, dans celui-ci il y a un bouton pour faire un choix sur un ou plusieurs "lieu". Ce bouton ouvre donc une DialogBox qui est composé d'un série de nom de lieu et de checkbox (liste généré en php depuis un BDD).
Jusque là c'est ok, mais je ne trouve pas comment récupérer des données depuis une ou plusieurs checkbox à la fermeture de la DialogBox...
Code Html :
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
|
<html>
<div id="dialog" title="Create new place">
<p id="validateTips">Select places.</p>
<?php
include ('includes/place_liste.php');
?>
</div>
<div id="places-contain" class="ui-widget">
<table id="places" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>id</th>
<th>Intitule</th>
</tr>
</thead>
<tbody>
<tr>
<td>208</td>
<td>Vegas</td>
</tr>
</tbody>
</table>
</div>
<button id="select_place" class="ui-button ui-state-default ui-corner-all">Select a place</button>
</html> |
Code PHP:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<?php
require_once ('mysql_connect.php');
$sql2 = "SELECT * FROM place ORDER BY place_int";
$req2 = mysql_query($sql2);
?>
<form name="myForm">
<table width="100%" border="0" cellspacing="0">
<?php
while($f = mysql_fetch_array($req2, MYSQL_NUM))
{
?>
<tr>
<td>
<input name="" type="checkbox" value="<?php echo $f [0]; ?>"><?php echo $f [1]; ?>
</td>
</tr>
<?php
}
?>
</table>
</form> |
Code JS (avec 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
32
33
34
35
36
|
$(function() {
var checkbox = ,//Déclarer checkbox (?)
tips = $("#validateTips");
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
height: 400,
modal: true,
buttons: {
//Action pour le bouton "Ok" dans la box
'Ok': function() {
var checked = ; //Comptage des checkbox coché(?)
if(checked == 0){
updateTips("Please tick at least one box.");
}
else(checked > 0){
for (var i = 0; i < checked; i++) {
$('#places tbody').append('<tr>' +
'<td>' + id_place + '</td>' +
'<td>' + place_intitule + '</td>' +
'</tr>');
}
$(this).dialog('close');
}
},
//Action pour le bouton "Cancel" dans la box
'Cancel' : function() {
$(this).dialog('close');
}
}
});
$('#select_place').click(function() {
$('#dialog').dialog('open');
})
}); |
Comment récupérer les id des checkbox généré depuis php, les compter et renvoyer leurs valeurs après l'envoie par le bouton "Ok"?
Sa fait pas mal de question à la fois tout sa, sur le texte ou autre d'un <input> je sais faire mais pas à partir d'une checkbox et encore moins quand il se peut qu'il y en ai plusieurs... :oops:
Si quelqu'un pourrait me guider ou éclairer ma lanterne se serait grandiose! :ccool:
Merci.
Edit : J'ai trouvé un "var n = $("input:checked").length;" pour compter les checkbox cochées... Je vais bien finir par trouver ce que je cherche à force de grater :D
