Question

如何在php中使用javascript查找動態生成的Div中的複選框值？

這裏是我的代碼，

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

我想在chkID文本框中顯示所選複選框這會是這樣（1,2,3）的值...我希望它用做JavaScript的...

Answer 1

如果我正確理解你的問題，這可能是你在找什麼。

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

首先你需要一個唯一的名稱name和id添加到輸入標籤：

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

（你也需要太多看你的語法：缺少引號（'），並在該標籤的最後一個斜槓（/））

然後你就可以找到這個簡單的JavaScript的複選框：

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

更改號碼找到其他複選框。如果您想查找所有複選框，請使用循環或其他內容。

Answer 3

本應該做的工作：

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