如果选中，则从动态创建的复选框中获取值

Question

我做了几个复选框和一个按钮，在提交时调用 function 我想获取已选中的复选框的所有值。

创建这些复选框的代码是：

for (var loop=0; loop < count; loop++)
{

  var chap  =   document.createElement("input");
  chap.type =   "checkbox";
  chap.value    =   nearby[loop];
  chap.id   =   nearby[loop];

  document.getElementById("mapdisplay").appendChild(chap);
  var nearo = nearby[loop];
  var s     =   document.getElementById("mapdisplay");
  var text  =   document.createTextNode(nearby[loop]);
  s.appendChild(text);
  var br        =   document.createElement('br');
  s.appendChild(br);
}

现在我想检索检查的值。 我正在尝试这个（但没有可用）

function fsearch()
{
    var p       =   x;
    var narr    =   new Array();
    narr=nearby;//a global arr
    var checked_vals = new Array(); 
    $('#mapdisplay input:checkbox:checked').foreach()

             {
              checked_vals.push(this.value);

             }

请建议一些东西来检索生成值的检查值id是数组形式。 我不能使用$("#nearby[0]").val() 。

Answer 1

var checkedCheckBoxesValueArray = $('#mapdisplay input:checkbox:checked').map(
  function(){
    return this.value;
}).get();

Answer 2

正确的语法是：

$('#mapdisplay input:checkbox:checked').each(function(index) {
    checked_vals.push($(this).val());
});

现场测试用例： http://jsfiddle.net/e6Sr3/