使用Javascript获取checkbox对应label文本以定位指定复选框的方法咨询

解决方案 #

你可以通过label的for属性与复选框id的绑定关系获取对应文本，匹配你固定的目标文本后再做排除逻辑，修改后的代码如下：

function processCheckbox (item) {
    // 此处替换为你需要排除的label固定文本
    const EXCLUDE_LABEL_TEXT = 'TEST';
    $("input[name='" + item + "']").each( function () {
        // 获取当前复选框的id
        const currentId = $(this).prop('id');
        // 查找绑定当前id的label，获取文本并去除首尾空格
        const labelText = $(`label[for="${currentId}"]`).text().trim();
        if(labelText === EXCLUDE_LABEL_TEXT) {
            $(this).prop('checked', false);
        } else {
            $(this).prop('checked', true);
        }
    });
}

逻辑说明 #

• 该方案不依赖动态生成的id和value，仅通过label固定文本做匹配，完全适配你的动态生成场景
• 用for属性匹配label的方式不依赖DOM层级结构，相比next()等依赖兄弟节点位置的方法兼容性更强
• 额外添加的trim()处理，可以避免label文本前后存在多余空格导致匹配失败的问题；如果需要忽略大小写匹配，可以改成labelText.toLowerCase() === EXCLUDE_LABEL_TEXT.toLowerCase()即可

内容的提问来源于stack exchange，提问作者Coding Duchess