Jquery map函数失去状态

Question

这是我使用jquery检索复选框值的下面代码.

<div id="checkboxdiv">
<input type="checkbox" name="test" value=1 onclick="getVals();" checked/>
<input type="checkbox" name="test" value=2 onclick="getVals();" checked/>
<input type="checkbox" name="test" value=3 onclick="getVals();" checked/>
<input type="checkbox" name="test" value=4 onclick="getVals();" checked/>
</div>

下面是Jquery脚本函数:

function getVals(){
  var values=$("#checkboxdiv input[name=test]:checked").map (function (){
    return $(this).val();}).get().join(',');
  alert(values);
}

当我第一次执行上面的代码时,它工作正常.当我开始取消选中任何复选框时它给出结果,如果我取消选中第4个复选框,它给出的结果像 ,2,3

我不明白上面的代码是什么错,任何提示赞赏.

Answer 1

如果您解决这两个问题,您的代码可以正常工作:

1. 为".map()"调用添加缺少的")"
2. 选择器应以":checked"而非".checked"结尾

这是一个jsfiddle.