如何用JavaScript根据订单号提取tr id并点击对应复选框？

数据老陈

2026-7-4

实现步骤与代码示例

核心逻辑

遍历目标订单号列表，对每个订单号完成以下操作：

定位包含该订单号的<a>标签（优先通过URL参数匹配，更精准）
从<a>标签向上找到所属的<tr>行元素，获取其ID
将tr的ID前缀mytr替换为ck，得到对应复选框的ID
找到复选框并触发点击事件

具体代码

// 替换成你的订单号列表
const targetOrders = ['8039089332', '1234567890', '9876543210'];

targetOrders.forEach(orderNum => {
    // 通过href中的lpo参数定位对应链接（比文本匹配更稳定）
    const orderLink = Array.from(document.querySelectorAll('td a')).find(link => {
        const urlParams = new URL(link.href).searchParams;
        return urlParams.get('lpo') === orderNum;
    });

    if (!orderLink) {
        console.log(`没找到订单号 ${orderNum} 的对应行`);
        return;
    }

    // 找到链接所属的tr行
    const rowElement = orderLink.closest('tr');
    if (!rowElement?.id.startsWith('mytr')) {
        console.log(`订单号 ${orderNum} 的行ID格式异常`);
        return;
    }

    // 转换为复选框ID并触发点击
    const checkboxId = rowElement.id.replace('mytr', 'ck');
    const checkbox = document.getElementById(checkboxId);
    if (checkbox?.type === 'checkbox') {
        checkbox.click();
        console.log(`已选中订单号 ${orderNum} 的复选框`);
    } else {
        console.log(`没找到订单号 ${orderNum} 的对应复选框`);
    }
});