Question

如何使用javascript在php中动态生成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; } } }

使用javascript在php中查找动态生成的Div的复选框值

3 个答案: