checkbox选中并记住状态(分页)

天黑了啊 发布于 10/13 14:57
阅读 301
收藏 0
var checkedIds= [];//保存选中的id,亦适用于分页

        /* 将选中的数据ID保存*/
        $(function () {
            $(".dfinput1").click(function() {
                if ($(this).is(":checked")) {
                    checkedIds.push($(this).attr("id"));
                } else {
                    for (var i = 0; i < checkedIds.length; i++) {
                        if ($(this).attr("id") == checkedIds[i]) {
                            checkedIds.splice(i, 1);
                            break;
                        }
                    }
                }
            })
        })


        //翻页后设置是否选中
        function setChecked(){
            console.log(checkedIds)
            var boxes = $(".dfinput1");
            console.log(boxes)
            for(var i=0;i<boxes.length;i++){
                var id = boxes[i].id;
                console.log(id)
                console.log(checkedIds.indexOf(id,0)!=-1)
                if(checkedIds.indexOf(id,0)!=-1){
                    boxes[i].checked = true;
                }else{
                    boxes[i].checked = false;
                }
            }
        }
<table class="tablelist">
                <thead>
                <tr>
                    <th>课程编号</th>
                    <th>课程名称</th>
                    <th><input type="checkbox" class="dfinput-all">全选</th>
                </tr>
                </thead>
                <tbody>
                <s:iterator value="pageResult1.data">
                    <tr>
                        <td>${curriculumId}</td>
                        <td>${courseName}</td>
                        <td><input name="curriculumId" id="curriculumId_${curriculumId}" type="checkbox" class="dfinput1" value="${curriculumId}"></td>
                    </tr>
                </s:iterator>
                </tbody>
            </table>

 

获取到id了,但是上一页勾选了,到了下一页保存的时候,上一页的并没有保存成功。

有没有大佬会的,求救!!!

加载中
0
凡是定律
凡是定律

用个 数组要保存所以得勾选id,会到某一页后,进行对比 赋值

0
osc_68298589
osc_68298589
该评论暂时无法显示,详情咨询 QQ 群:912889742
0
osc_68298589
osc_68298589
该评论暂时无法显示,详情咨询 QQ 群:912889742
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部