javascript - 使用 javascript 获取多个复选框值

Question

我有这个表单，我使用ajax和jquery提交，好吧，我有这个多个复选框，我可以从中获取一些值。

现在我在这里犯了一个错误，因为复选框的值没有发布到数据库中。这是 html/php 部分:

  while($row = mysql_fetch_assoc( $result )) {
    echo '<input type="checkbox" value="'.$row['regione'].'" id="regioni_gestite_ag" name="regioni_gestite_ag[]">' . $row['regione'] . '<br>';
    }

这就是我用 javascript 获取它的方法:

var js_regioni_gestite_ag = $('input:checkbox[name=regioni_gestite_ag]:checked').val();

如果我回显该值，我会得到未定义的结果...为什么会这样？

Answer 1

因为您没有正确指定 name 属性。选择器应该是

$('input[name="regioni_gestite_ag[]"]:checkbox:checked')

但是，这仍然无法使一切正常，因为 .val()仅返回第一个匹配元素的值(因此它仅适用于第一个复选框)。

最后，您的 PHP 代码会生成具有相同 id 属性的多个元素，这是非法的 HTML，并且会使随机 jQuery 和/或 DOM API 无法正常工作。这个问题应该立即解决，也许可以通过完全删除 id 来解决？

更新:以数组形式获取所有复选框的值，您可以使用

var values = $.makeArray($('input[name="regioni_gestite_ag[]"]:checkbox:checked')
                          .map(function() { return $(this).val() }));