javascript 复选框默认返回第一个值而不是所选值

Question

php

// iterating through the data and displaying in table format

foreach($data['schoolList'] as $school)
    {
    echo'<tr>';
    echo '<td><input type=checkbox class=check id=check value='.$school['sid'].'></td>';
    echo '<td>'.$school['sid'] .'</td>';
    echo '<td>'.$school['name'] .'</td>';
    echo '<td>'.$school['specialization'].'</td>';
    echo'</tr>';
} 
echo '<button onclick="myFunction()">Apply</button>';

JavaScript

<script>
    //to restrict the user to select only 3 checkboxes

    $("input:checkbox").click(function() {
        let x = $("input:checkbox:checked").length >= 3;     
        $("input:checkbox").not(":checked").attr("disabled",x);
    });
    let y=[];               
    function myFunction() {
        y= document.getElementById("check").value;
        console.log(y);  
    }                             
</script>

无论我选择什么，即使我选择了多个复选框，它都只会记录第一个学校 ID!任何人都可以帮助我如何记录所有控制台值!谢谢!

Answer 1

document.getElementById("check") 仅返回第一个带有 id="check" 的元素，因为 ID 是唯一标识符。

使用 getElementsByClassName() 代替或使用 jQuery:

<script>
    //to restrict the user to select only 3 checkboxes

    $("input:checkbox").click(function() {
        let x = $("input:checkbox:checked").length >= 3;     
        $("input:checkbox").not(":checked").prop("disabled", x);
    });
    let y = [];               
    function myFunction() {
        $(":checked").each(function () {
            y.push($(this).val());
        });
        console.log(y);  
    }                             
</script>