طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

دریافت مقادیر چک باکس در jQuery


دریافت مقادیر چک باکس در jQuery

در یک فرم HTML , فیلدهایی با نوع چک باکس (CheckBox) مقادیری به صورت آرایه دارند . در این آموزش قصد داریم به شما نحوه دریافت مقادیر چک باکس در jQuery را نشان بدیم .

در این مثال , ما از تابع each() در جی کویری برای دریافت تک تک مقادری یک آرایه استفاده می کنیم . بعد از آن , این مقادیر آرایه در یک باکس Alert جاوااسکریپت نمایش داده می شود.

ما از این قابلیت برای اعتبارسنجی فیلدهای Checkbox استفاده می کنیم.

دریافت مقادیر چک باکس در jQuery

ساخت فرم HTML با Checkbox ها

کد HTML زیر یک فرم شامل لیستی از زبان ها در یک چک باکس را نمایش می دهد.

دریافت مقادیر چک باکس در jQuery

اسکریپت jQuery زیر برای دریافت مقادیر چک باکس های انتخاب شده با تابع each در جی کویری استفاده شده است . با این تابع jQuery یک حلقه برای دریافت مقادیر چک باکس و قرار دادن آن ها در یک آرایه , اجرا می کنیم.

حتما بخوانید  انتخابگر رنگ در جی کوئری (Color Picker)

بعد از آن , مقادیر انتخاب شده با تعداد آن ها در یک باکس Alert نمایش داده خواهد شد.

در اسکریپت jquery بالا , کدها جی کویری را در ready قرار دادیم تا اینکه مطمین شویم صفحه ما به درستی load شده باشد .

بعد ان یک رویداد click بر روی سلکتور با آی دی BtnSubmit اجرا کردیم . برای این رویداد یک تابع anonymous تعریف کردیم که داخل آن عملیات مربوط به دریافت مقادیر چک باکس در jQuery انجام می شود.

پس از آن یک آبجکت آرایه ای را ایجاد و با هر بار خواندن چک باکس های انتخابی آن را با استفاده از push به داخل آرایه اضافه می کنیم.

و در نهایت تعداد و مقادیر را  alert می می کنیم.

 

امیدوارم مقاله آموزشی دریافت مقادیر چک باکس در jQuery برای شما عزیزان مفید واقع شده باشد.

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

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

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

افزایش امنیت سایت

مجوزهای ما

logo-samandehi

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه