使用c#.net限制asp.net中的网格视图行选择

Question

我的网页表单中有文本框和网格视图(Itemtemplate中的复选框)。我在网格视图中选择复选框的要求必须基于文本框中给出的值进行限制，即如果文本框值为10，那么我只能在网格视图中选中10行。

提前谢谢..我的代码如下...

 <script type="text/javascript" >
    function CheckBoxCount() {
        var gv = document.getElementById("<%= GridView1.ClientID %>");
        var inputList = gv.getElementsByTagName("input");
        var textboxcount = document.getElementById("<%=txtId.ClientID %>").value;
        var numChecked = 0;

        for (var i = 0; i < inputList.length; i++)
        {

            if (inputList[i].type == "checkbox" && inputList[i].checked)
            {
                alert(numChecked);
                if (numChecked < textboxcount)
                {
                    inp[i].checked = false;
                    alert(numChecked);
                }
                numChecked = numChecked + 1;
            }
        }


    }
</script>

我正在尝试使用javascript

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" >

    <Columns>
        <asp:TemplateField HeaderText="Select">
            <ItemTemplate >


                <asp:CheckBox ID="chb" runat="server" AutoPostBack="true" onClick="CheckBoxCount()"   />
            </ItemTemplate>
        </asp:TemplateField>


    </Columns>

</asp:GridView>

Answer 1

<asp:CheckBox ID="chb" runat="server" AutoPostBack="true" onClick="CheckBoxCount()" CssClass="MyCheckBox" />

然后在javascript中添加checkBox的函数onClick：

$('.MyCheckBox').onClick(function(){
    var $allCheckBoxes = $('#GridView1').find('.MyCheckBox');
    var checkedCheckBoxes = 0;
    var allowedCheckBoxes = $('.NumberOfCheckBoxesClass').val();
    $allCheckBoxes.each(
        if($(this).Checked){
            checkedCheckBoxes++;
        }
    );

    if(checkedCheckBoxes > 10){
        $(this).disable;
        AND SHOW SOME MESSAGE letting the user know.
    }
});

你显然需要更多的方法来禁用所有的让我知道如果你有任何问题。