layui复选框编辑第一个总是被选中

layui复选框编辑第一个总是被选中，为啥

  <div class="layui-input-block" id="checkboxId">
                <input type="checkbox" name="name2" value="写作" lay-skin="primary" title="写作" />
                <input type="checkbox" name="name2" value="阅读" lay-skin="primary" title="阅读" />
                <input type="checkbox" name="name2" value="游戏" lay-skin="primary" title="游戏" />
                <input type="checkbox" name="name2" value="跑步" lay-skin="primary" title="跑步" />
            </div>


  //js给复选框赋值   
            var arrCB = [];
            var strdata = data[0].name2;
            arrCB = strdata.split(",");
            console.log(arrCB);
            for (var j = 0; j < arrCB.length; j++) {
                var cbthis = $("input[name='name2']");
                for (var k = 0; k < cbthis.length; k++) {
                    if (cbthis[k].value == arrCB[j]) {
                        cbthis[k].checked = true;
                        console.log(arrCB[j]);
                    }
                }
            }
            form.render();

优化后可以了
for (var j = 0; j < arr.length; j++) { //数据库返回的需要选中项的值，我这里只返回了value，有需要可以返回数组对象
for (var i = 0; i < myCheckbox.length; i++) {//遍历checkbox所有项
if (myCheckbox[i].value == arr[j]) {
myCheckbox[i].checked = true;//设置选中项
}
}
form.render('checkbox'); //设置完选中后记得渲染
}