jquery 实现分页绑定复选框选中状态(Repeater控件)

来源:互联网 发布:淘宝会员名是什么意思 编辑:程序博客网 时间:2024/06/05 10:04

jquery 代码:

//绑定复选框状态
        window.onload = function loadHader() {
            var selStr = $("#<%=htxtSelected.ClientID %>").val();
            if (typeof (selStr) == "undefined" || selStr == "") {
                return;
            }
            var charArray = selStr.split(";");
            $("input[type=checkbox][name=chItem]").each(function () {
                for (var index in charArray) {
                    if ($(this).val() == charArray[index]) {
                        $(this).attr("checked", "true");
                        break;
                    }
                    continue;
                }
            });
        }

//选中复选框并保存数据

        function getChecked(checkbox) {
            var selStr = $("#<%=htxtSelected.ClientID %>").val();
            if (checkbox.checked) {
                selStr += checkbox.value + ";";
                $("#<%=htxtSelected.ClientID %>").val(selStr);
            } else {
                selStr = selStr.replace(checkbox.value + ";", "");
                $("#<%=htxtSelected.ClientID %>").val(selStr);
            }
        }

html 代码:

<div>

<asp:HiddenField ID="htxtSelected" runat="server" Value="" />

</div>

<div>

<asp:Repeater ID="rptResult" runat="server">
<ItemTemplate>

<div>

<input type="checkbox" name="chItem" value="1" onclick="getChecked(this)"  />

</div>

</ItemTemplate>

</asp:Repeater>

</div>