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

如何使用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);
    }
}