HTML复选框元素未将值传递到jQuery和AJAX字符串中

我有一个带有几个复选框的简单HTML表单。我的目标是将这些数据（复选框的值）传递给jQuery函数，并将这些值输入到字符串中，该字符串将通过Ajax传递给php脚本。这是我的html：

     <table class="ui-widget-content" border="0" style="width: 100%;">
            <tr>
                <td width="252px;">PVC's Required</td>
                <td align="left">
                        <input type="checkbox" id="pvc" name="pvc" value="abc" />abc<br />
                        <input type="checkbox" id="pvc" name="pvc" value="def" />def<br />
                        <input type="checkbox" id="pvc" name="pvc" value="ghi" />ghi<br />                            
                        <input type="checkbox" id="pvc" name="pvc" value="jkl" />jkl<br />
                        <input type="checkbox" id="pvc" name="pvc" value="NONE" />NONE<br />
                </td>           
            </tr>
</table>

即使选中了某些选项，上面的输出也如下所示：“，”，“，”，

您不应该在输入选择器的开头有一个“#”。这是一个id选择器。您只需要输入[type='checkbox']

---

。。如上所述，复选框不能具有相同的id。

您的复选框需要唯一的id：

<input type="checkbox" id="pvc1" name="pvc" value="abc" />
<input type="checkbox" id="pvc2" name="pvc" value="def" />
...

...

此外，此行

var pvc=$（“#input[type='checkbox']”）不应包含前导的
#
，因为它用于按Id标识（并且
输入
不是Id）

您可以使用以下方法之一：


$（'input[type=“checkbox”]：checked'）。each（）迭代所有选中的元素

$（'input[name=“pvc”]：checked'）。each（）
按名称迭代所有复选框
$（'#pvc'+索引调整）.val（）
直接从Id获取值

文档中有更多选项。
您没有ID为
#new或existing
或
#numCircuits
的元素，那么您希望如何获得值？所有复选框都有相同的ID，这是一个错误！在我看来，复选框的name属性应该是
pvc[]
，而不仅仅是
pvc
。
<input type="checkbox" id="pvc1" name="pvc" value="abc" />
<input type="checkbox" id="pvc2" name="pvc" value="def" />
...