![](/img/trans.png)
[英]Post checked checkbox values that ate generated dynamically to php using jquery
[英]Find checkbox values from Dynamically generated Divs in php using javascript
如何使用JavaScript在php中從動態生成的Divs中查找復選框值?
這是我的代碼,
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完成...
如果我正確理解您的問題,則可能是您要查找的內容。
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);
}
}
首先,您需要在輸入標簽中添加唯一的名稱name
和id
:
echo "...
<input type='checkbox' name='checkbox".$num."' id='checkbox".$num."' value ='".$rowset[0]."' />
...";
$num++;
(此外,您還需要查看語法:缺少引號('),並在標記的末尾添加斜杠(/))
然后,您可以使用以下簡單的JavaScript查找復選框:
alert(document.findElementById("checkbox1").value);
更改數字以查找其他復選框。 如果要查找所有復選框,請使用循環或其他方式。
這應該做的工作:
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;
}
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.