Java字符串到JavaScript字符串数组以进行复选框检查

Question

我想使用不使用JSON或外部lib的方式将String数组从服务器转换为客户端String。 服务器端将String[] xArray = new String[] { "1", "2", "3" }为"1, 2, 3"以进行客户端渲染。 以下JavaScript函数负责解析服务器字符串，并将复选框与数组值进行比较。 匹配时，必须选中对应的复选框。

function loadCheckBoxes() {         
    var ids = '<%= request.getSession().getAttribute("idsFromServer") %>';      
    if (ids != null && ids !== '') {            
        var idsArray = String.valueOf(ids).indexOf(',') == -1 ? [ids] : ids.split(',');
        var checkboxes = document.getElementsByClassName('gridIds');
        for (var i = 0; i < checkboxes.length; i++) {
            var index = idsArray.indexOf(checkboxes[i].value);
            if (index >= 0) {
               var foundId = idsArray[index];        
                if (checkboxes[i].value == foundId) {
                    checkboxes[i].checked = true;
                }
            }
        }
    }
}

这是用于测试执行的JSFiddle 。

预期的结果：拆分数组后，必须选中相应的复选框。

Answer 1

解决方案中的两个问题：

• 您应该在', '而不是','上分割
• var foundId = ids[index]; ->应该是ids.split(', ')[index];

工作方案 ：

function checkSelected() {
    var ids = "9, 133";
    var idsArr = ids.split(", ");
    var checkboxes = document.getElementsByClassName('gridCheck');
    for (var i = 0; i < checkboxes.length; 
        var index = idsArr.indexOf(checkboxes[i].
        if (index >= 0) {
            var foundId = idsArr[index];
            if (checkboxes[i].value == foundId) {
                checkboxes[i].checked = true;
            }
        }
    }
}