Question

可能重复：
Validating checkboxes present inside gridview with Javascript

This is my aspx code...
 <asp:TemplateField HeaderText="IsExist">
            <ItemTemplate>
                <asp:CheckBox ID="chkExists" runat="server" Text="Exists" AutoPostBack="false" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Not Exists In Update">
            <ItemTemplate>
                <asp:CheckBox ID="chkExistsInUpdate" runat="server" Text="NotExists" AutoPostBack="false"/>

            </ItemTemplate>
        </asp:TemplateField>

这里我有两个复选框，但是在不同的列中，即exist列的chkExist和gridview中的NotExist列的chkExistInUpdate。我想如果他们都检查了那么alert（）mesg应该显示为“你只能检查一个复选框”.. 所以这是我的javascript代码....

 function check_one() {
            var obj = document.form1;
            var isValid = false;
            var gridView = document.getElementById('<%= Gridview1.ClientID %>');
            for (var i = 1; i < gridView.rows.length; i++) {
                var inputs = gridView.rows[i].getElementsByTagName('input');
                if (inputs == null) {
                    if (inputs[0].type == "chkExists" && inputs[0].type == "chkExistsInUpdate") {
                        if (inputs[0].checked && inputs[0].checked) {
                            isValid = true;

                        }

                    }
                    var ch1 = inputs[0].type["chkExists"];


                }
                //alert(inputs[0].type == "chkExists");
                alert(ch1);

            }
            alert("Plese select only 1 check");
            return false;

        }

很多人建议我在javascript中有什么变化......

Answer 1

您应该使用单选按钮，并设置依赖于行的组名，因为每行有一个组：

<asp:TemplateField HeaderText="IsExist">
            <ItemTemplate>
                <asp:RadioButton ID="chkExists" runat="server" Text="Exists" AutoPostBack="false" GroupName='<%# Eval("Id") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Not Exists In Update">
            <ItemTemplate>
                <asp:RadioButton ID="chkExistsInUpdate" runat="server" Text="NotExists" AutoPostBack="false" GroupName='<%# Eval("Id") %>'/>

            </ItemTemplate>
        </asp:TemplateField>

但是，如果你需要复选框（对我来说没用），你可以使用jQuery：

function check_one() {
        $('#<%= Gridview1.ClientID %> tr').each(function() {
            if(jQuery(":checkbox", this)
              .filter(function(i) { return this.checked; }).length != 1) { 
               alert("Plese select only 1 check");
            }
        });
}

使用Javascript验证gridview中存在的复选框

1 个答案: