如何让AJAX获取多个选中复选框值，实现批量禁用用户？

问题根源 #

1. 重复ID违规：PHP循环生成的复选框共用同一个ID cbuserid，违反HTML中ID唯一性规范，导致$('#cbuserid').val()只能获取第一个元素的值。
2. 未筛选选中状态：原代码未判断复选框是否被选中，直接取值。
3. 全选脚本硬编码：全选函数中i<10是固定上限，若用户数量超过10，后续复选框无法被批量选中/取消。

修正步骤 #

1. 修复PHP生成的复选框代码

去掉重复ID（用name做筛选标识即可）：

$userRows[] = '<input type="checkbox" name="check" value="'.$users['id'].'"/>';

2. 修正全选脚本

把固定循环上限改为复选框实际数量：

function toggle(source) {
    var checkboxes = document.getElementsByName('check');
    for(var i=0, n=checkboxes.length; i<n; i++) {
        checkboxes[i].checked = source.checked;
    }
}

3. 修改jQuery代码以获取所有选中值

修改后的代码会收集所有选中的用户ID，提交给后端批量处理：

$(document).on('click', '.deactivateUsers', function(){
    // 收集所有已选中的用户ID到数组
    var userIds = $('input[name="check"]:checked').map(function() {
        return $(this).val();
    }).get();
    
    var action = "userDeactivate";
    
    // 校验是否选中用户
    if(userIds.length === 0) {
        alert("请至少选择一个用户");
        return false;
    }
    
    if(confirm("Are you sure you want to deactivate selected users?")) {
        $.ajax({
            url: "action.php",
            method: "POST",
            // 传递数组，PHP端用$_POST['userid']接收即可
            data: {userid: userIds, action: action},
            success:function(data) {                    
                window.location.reload();
            }
        })
    } else {
        return false;
    } 
});

后端PHP处理提示 #

接收参数时，$_POST['userid']会是一个数组，可遍历执行批量禁用逻辑：

if(isset($_POST['action']) && $_POST['action'] === 'userDeactivate' && isset($_POST['userid'])){
    $userIds = $_POST['userid'];
    foreach($userIds as $id){
        // 执行禁用用户的业务逻辑，例如：
        // $pdo->prepare("UPDATE users SET status = 'disabled' WHERE id = ?")->execute([$id]);
    }
}

内容的提问来源于stack exchange，提问作者Khalood Kj