در این مقاله نحوه اعتبار سنجی CheckBox ها را در GridView با استفاده از JavaScript بررسی میکنیم

سلام دوستان

امروز میخواهیم نحوه اعتبار سنجی CheckBox ها در GridView را با استفاده از JavaScript بررسی کنیم

ابتدا یک گرید ویو را در صفحه قرار میدیم و یک کلید برای تایید

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" Width="100%"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# Eval("Id") %>' /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Name" HeaderText="نام" /> <asp:BoundField DataField="Mobile" HeaderText="موبایل" /> </Columns> </asp:GridView>

سپس گرید را با اطلاعات تست در رویداد Page_Load پر میکنیم

DataTable dt = new DataTable(); dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)), new DataColumn("Name", typeof(string)), new DataColumn("Mobile",typeof(string)) }); dt.Rows.Add(1, "ایمان مدائنی", "09124140939"); dt.Rows.Add(2, "پرهام مدائنی", "09124140939"); dt.Rows.Add(3, "سجاد باقرزاده", "0919*******"); dt.Rows.Add(4, "رضا محمدی", "0935******"); GridView1.DataSource = dt; GridView1.DataBind();

سپس یک CustomValidator در پایین گرید جهت نمایش پیغام اضافه میکنیم

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="لطفا یک گزینه را انتخاب کنید" ClientValidationFunction="Validate" ForeColor="Red"></asp:CustomValidator>

و در انتها با استفاده از کد JavaScript زیر معتبر بودن صفحه را چک میکنیم

function Validate(sender, args) { var gridView = document.getElementById("<%=GridView1.ClientID %>"); var checkBoxes = gridView.getElementsByTagName("input"); for (var i = 0; i < checkBoxes.length; i++) { if (checkBoxes[i].type == "checkbox" && checkBoxes[i].checked) { args.IsValid = true; return; } } args.IsValid = false; }

نمونه هم ضمیمه کردم

امیدوارم خوشتون بیاد

موفق و پیروز باشید