对于多于1个复选框，总是使用命名数组，如下例所示的国家，因为你知道国家可以选择多个，所以我使用name=" nations[]"，而勾选复选框，你必须引用它的名字，如下例所示

var selectedCountries = ["Pakistan", "USA"]; $(document).ready(function () { $.each(selectedCountries, function (index, country) { $(`input[name='countries[]'][value='${country}']`).attr('checked', 'checked'); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p> <input type="checkbox" name="countries[]" value="Pakistan"> Pakistan </p> <p> <input type="checkbox" name="countries[]" value="India"> India </p> <p> <input type="checkbox" name="countries[]" value="USA"> USA </p>

$("input[name='gender']:checked").val();

这适用于我的情况，任何寻找简单方法的人都必须尝试这种语法。 谢谢

在jquery中获取checkboxex的值:

var checks = $("input[type='checkbox']:checked"); // returns object of checkeds.

for(var i=0; i<checks.length; i++){
    console.log($(checks[i]).val()); // or do what you want
});

在pure js中:

var checks = document.querySelectorAll("input[type='checkbox']:checked");

for(var i=0; i<checks.length; i++){
    console.log(checks[i].value); // or do what you want
});

对于多于1个复选框，总是使用命名数组，如下例所示的国家，因为你知道国家可以选择多个，所以我使用name=" nations[]"，而勾选复选框，你必须引用它的名字，如下例所示

var selectedCountries = ["Pakistan", "USA"]; $(document).ready(function () { $.each(selectedCountries, function (index, country) { $(`input[name='countries[]'][value='${country}']`).attr('checked', 'checked'); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p> <input type="checkbox" name="countries[]" value="Pakistan"> Pakistan </p> <p> <input type="checkbox" name="countries[]" value="India"> India </p> <p> <input type="checkbox" name="countries[]" value="USA"> USA </p>

要获取value属性的值，你可以这样做:

$("input[type='checkbox']").val();

或者如果你已经为它设置了一个类或id，你可以:

$('#check_id').val();
$('.check_class').val();

然而，无论是否检查，都会返回相同的值，这可能会令人困惑，因为它与提交的表单行为不同。

要检查是否已检查，请执行以下操作:

if ($('#check_id').is(":checked"))
{
  // it is checked
}

下面是如何获取所有选中复选框的值作为数组:

var values = (function() {
                var a = [];
                $(".checkboxes:checked").each(function() {
                    a.push(this.value);
                });
                return a;
            })()