Trouver des valeurs de cases à cocher à partir de Divs générées dynamiquement en php en utilisant javascript

Question

Comment trouver les valeurs de cases à cocher de Divs générées dynamiquement en php en utilisant javascript?

Voici mon code,

echo "<input type='text' name='chkID' id='chkID'> 
    <div id='mainDiv'>"; 

while($rowset = mysql_fetch_array($result)) 
    { 
    echo "<div style='float:left; width=10px; border:solid 1px;'> 
    <input type='checkbox' value =".$rowset[0].">".$rowset[0]."</div> 
    <div style='float:left; width=200px; border:solid 1px;'>".$rowset[1].''.$rowset[2]." 
    </div></br></br>"; 
    } 

echo '</div>'; 

Je veux afficher les valeurs des cases sélectionnées qui seraient comme (1,2,3) dans la zone de texte chkID ... Je veux que ce soit fait à l'aide javascript ...

Answer 1

Si je comprends bien votre question, cela pourrait être ce que vous cherchez.

var mainDiv = document.getElementById('mainDiv'); 
var inputs = mainDiv.getElementsByTagName('input'); 
var values = []; 

for (var i = 0; i < inputs.length; i++) { 
    if (inputs[i].type == 'checkbox') { 
     values.push(inputs[i].value); 
    } 
} 

Answer 2

d'abord tout ce que vous devez ajouter un nom unique name et id aux balises d'entrée:

echo "... 
<input type='checkbox' name='checkbox".$num."' id='checkbox".$num."' value ='".$rowset[0]."' /> 
..."; 
$num++; 

(aussi, vous devez aussi regarder votre Guillemets manquants (') et à la fin de la balise une barre oblique (/))

Ensuite, vous pouvez trouver les cases à cocher avec ce simple JavaScript:: syntaxe

alert(document.findElementById("checkbox1").value); 

Modifiez le numéro pour trouver les autres cases . Utilisez une boucle ou quelque chose si vous voulez trouver toutes les cases à cocher.

Answer 3

cela devrait faire le travail:

var div= document.getElementById('mainDiv');
var txt=document.getElementById('chkID');
var children=div.children;
for(var i=0;i<children.length;i++)
{
if(children[i].nodeName.toLowerCase()=='div')
{
if(children[i].children !=null && children[i].children.length>0 && children[i].children[0].nodeName.toLowerCase()=='input')
{
txt.value=txt.value + ' ' + children[i].children[0].value;
}
}
}