如何使用jQuery为指定索引行的表格首列复选框设置选中状态？

我来帮你排查下代码里的问题，你的两个实现都有几个关键细节没处理对，导致无法正确选中目标复选框：

原代码的问题分析 #

第一个函数的问题 #

• 普通for循环里的$(this)指向错误：在这种循环结构中，this并不指向当前的<tr>元素，所以$(this).find(...)根本找不到对应的DOM节点。
• 虽然行索引的判断逻辑colindexes.includes(i)是对的，但没有正确关联到当前行元素。

第二个函数的问题 #

• $.inArray的参数顺序搞反了：正确用法是$.inArray(要查找的值, 目标数组)，你写成了$.inArray(colindexes, index)，完全颠倒了。
• 错误的布尔判断：$.inArray返回的是元素在数组中的索引（找不到时返回-1），不能直接当作布尔值用，必须判断!== -1才代表存在于数组中。
• 选择器错误：>是HTML转义字符，应该直接用>；另外checkbox不是有效的CSS选择器，需要用input[type="checkbox"]或者你的类名.checkbox（取决于实际HTML结构）。

正确的实现方案 #

方案1：纯jQuery实现 #

这个方案更简洁，适合已经引入jQuery的场景：

function checkLocationTable(colindexes, tablename) {
    // 遍历表格的每一行
    $("#" + tablename + " tr").each(function(rowIndex) {
        // 检查当前行索引是否在目标数组中
        if (colindexes.includes(rowIndex)) {
            // 定位到该行第一个单元格内的复选框，设置选中状态
            // 这里同时兼容类名.checkbox和原生input复选框，可根据实际情况删减
            $(this).find("td:first input[type='checkbox'], td:first .checkbox").prop("checked", true);
        }
    });
}

方案2：原生JS + jQuery混合（更高效） #

如果表格行数较多，原生JS获取行的性能会更好：

function checkLocationTable(colindexes, tablename) {
    const table = document.getElementById(tablename);
    if (!table) return; // 避免表格不存在时抛出错误

    // 遍历所有行
    for (let i = 0; i < table.rows.length; i++) {
        const row = table.rows[i];
        // 判断当前行索引是否在目标数组中
        if (colindexes.includes(i)) {
            // 找到第一个单元格内的复选框
            const checkbox = row.querySelector("td:first-child input[type='checkbox'], td:first-child .checkbox");
            if (checkbox) {
                checkbox.checked = true;
            }
        }
    }
}

注意事项 #

• 行索引的起始值：如果你的表格包含表头（<thead>中的<tr>），表头行的索引是0，实际数据行从1开始，这时候需要调整循环的起始位置，比如把for (let i = 0; ...)改成for (let i = 1; ...)。
• 选择器匹配：请根据你的实际HTML结构调整复选框的选择器，如果复选框是通过类名.checkbox定义的，就保留.checkbox；如果是普通的复选框input，就用input[type='checkbox']。
• 优先用prop()而非attr()：checked是DOM元素的属性（property），prop()能正确反映元素的当前状态，而attr()只操作HTML属性，在动态修改状态时容易出现不一致的问题。

内容的提问来源于stack exchange，提问作者Bercovici Adrian