页面是这样：一页上显示四张图片，每次翻页的时候四张一起更换，现在想在每个图片的左上角添加一个勾选框，当图片对应的勾选框被选中时，点击下一页或者上一页，这张图片不会更换，而未勾选的图片会更换。
我现在能想到的就是记录一下被选中时图片在数据库中的rownum，然后根据这rownum以及当前是否有固定住的图片来设置pageSize
例如：左上角图片被勾选的时候，pageSize=3；没有勾选的时候pageSize = 4

现在的问题是，前台怎么处理呢？我用asp.net开发的程序，前台展示用的asp.net的控件自动迭代出来的结果，怎么控制呢？

        <asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
        <ItemTemplate>
            <p class="col-lg-12">
                <p class="col-md-3" style="margin-top: 5px">科目代码:</p>
                <p class="col-md-1 kmdm" style="margin-top:5px;margin-left:-10px"><%#Eval("TJ_KM_DM")%></p>
                <p class="col-md-4" style="margin-top: 5px; text-align:right">考试时间:</p>
                <p class="col-md-1 kssj" style="margin-top: 5px;"><%#Eval("KSSJ") %></p>
                <input type="hidden" class="kszkz" value="<%#Eval("KS_ZKZ")%>" />
                <input class="BJSH_JG_QX" type="hidden" value="<%#Eval("BJSH_JG_QX")%>"/>
                    <input class="jddz" type="hidden" value="img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" />
                <p class="col-md-2" style="margin-left:50px">
                    <input style="margin-bottom: 5px" value="未标记" class="chexSign btn btn-default" type="button" onclick="signCard(this)" />
                </p>
                <img src="../../img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" alt="Responsive image" class=" well well-lg img-responsive img-thumbnail " />
            </p>
        </ItemTemplate>
    </asp:DataList>

上面的代码，直接可以迭代出上图的效果，如果按照上面说的内容，我感觉需要操作每个img
没什么好的办法，求大神指导。