Javascript kullanarak php Dinamik olarak oluşturulan divs gelen onay kutusu değerlerini bulmak

3 Cevap php

Javascript kullanarak php Dinamik olarak oluşturulan divs gelen onay kutusu değerleri bulmak nasıl?

İşte benim kod,

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>';

Ben bunu javascript kullanılarak yapılabilir istiyorum ... chkID kutucuğu (1,2,3) gibi olacağını seçilen onay kutularını değerlerini görüntülemek istiyorsanız ...

3 Cevap

Sorunuzu doğru anlamak, bu aradığınız şey olabilir.

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);
    }
}

Öncelikle size giriş etiketleri için benzersiz bir ad name ve id eklemeniz gerekir:

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

(: '(Eksik tırnak) ve etiketinin sonunda bir eğik çizgi (/) Ayrıca kendi sözdizimi bakmak çok ihtiyacım var)

Sonra bu basit JavaScript ile onay kutularını bulabilirsiniz:

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

Diğer onay kutularını bulmak için numarasını değiştirin. Tüm onay kutularını bulmak istiyorsanız bir döngü ya da bir şey kullanın.

Bu işi yapmanız gerekir:

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;
}
}
}

etiketler