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

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