javascript - 我想获取所有选中复选框的值

Question

$(document).ready(function() {
    $('input[type = "checkbox"]').change(function() { //when a checkbox is checked
        var nvalues = $('input[type="checkbox"]:checked').map(function() {
            return this.value;
        }).get();
        if (nvalues.length > 0) {
            var fin = nvalues.value;
            $('#here').html(fin);
        } else {
            $('#here').html("WTF");
        }
    });
});

这里我使用 map 将选中的值存储为数组，但输出为空。

Answer 1

查看代码中的注释:

$(document).ready(function() {
    $(':checkbox').change(function() { // :checkbox pseudo-selector selects all checkboxes
        var nvalues = []; // Initialize empty array

        $(':checkbox:checked').each(function() { // For all checked checkboxes
            nvalues.push($(this).val()); // Push current checkbox value in array
        });


        if (nvalues.length > 0) {
            $('#here').html(nvalues.toString()); // Array to string conversion
        } else {
            $('#here').html("WTF");
        }
    });
});