فیلد چک باکس
توافقنامهها و انتخابهای چندگانه را به راحتی جمعآوری کنید. از کادرهای انتخاب ساده بله/خیر گرفته تا لیستهای چندگزینهای با «انتخاب همه»، کنترلهای حداقل/حداکثر و طرحبندیهای هوشمند - فیلد کادر انتخاب، توافقنامههای تکی و سوالات چندگزینهای را با اعتبارسنجی قدرتمند و گزینههای کاربرپسند مدیریت میکند.
دو حالت برای هر نیاز به چکباکس
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
دو حالت چک باکس
حالت تک گزینهای:
یک کادر انتخاب برای سوالات بله/خیر، توافقنامهها یا عضویت. ایدهآل برای پذیرش شرایط، اشتراک خبرنامه و فرمهای رضایتنامه.
استفاده از موارد:
- «من با شرایط و ضوابط موافقم»
- «من را در خبرنامه مشترک کنید»
- «بله، میخواهم بهروزرسانیها را دریافت کنم»
- «من صحت این اطلاعات را تأیید میکنم»
امکانات:
- متن برچسب سفارشی برای چک باکس
- حالت پیشفرض علامتگذاری شده/بدون علامتگذاری
- مقدار ارسالی سفارشی (بله، ۱، درست و غیره)
- گزینه اعتبارسنجی مورد نیاز
حالت چند چکباکسی:
گزینههای چندگانه که در آن کاربران میتوانند چندین گزینه را انتخاب کنند. ایدهآل برای سوالات «همه موارد مربوطه را انتخاب کنید»، جمعآوری ترجیحات و نظرسنجیهای چندگزینهای.
استفاده از موارد:
- «کدام ویژگیها برای شما جالب است؟» (چندین انتخاب)
- «روشهای تماس دلخواه خود را انتخاب کنید»
- «تمام خدماتی را که نیاز دارید انتخاب کنید»
- «به چه موضوعاتی علاقه دارید؟» (چند مورد را علامت بزنید)
امکانات:
- گزینههای نامحدود برای چکباکس
- سه سبک چیدمان
- گزینه «انتخاب همه»
- محدودیتهای انتخاب حداقل/حداکثر
- «سایر» با ورودی متن
- گزینه انحصاری «هیچکدام از موارد فوق»
🎨 سه گزینه طرح بندی (حالت چندگانه)
طرح بندی عمودی (انباشته ای):
چکباکسها در هر خط، به صورت عمودی چیده شدهاند. خواناترین طرحبندی برای برچسبهای گزینههای طولانیتر.
بهترین برای:
- متن گزینه طولانی
- 3-10 گزینه
- فرمهای موبایلمحور
- حداکثر خوانایی
طرح افقی (کنار هم):
کادرهای انتخاب در یک ردیف، کنار هم ظاهر میشوند. طرحبندی فشرده برای برچسبهای کوتاه.
بهترین برای:
- ۲-۵ گزینه کوتاه
- فرمهای فشرده
- طرحبندیهای دسکتاپ
- بهره وری فضایی
طرح شبکهای (چند ستونی):
کادرهای انتخاب که در یک شبکه دو ستونی مرتب شدهاند. طرحبندی متعادل که ضمن حفظ خوانایی، در فضا صرفهجویی میکند.
بهترین برای:
- 4-12 گزینه
- برچسبهای با طول متوسط
- طراحی متعادل
- ظاهر حرفه ای
رفتار واکنشی:
همه طرحبندیها بهطور خودکار با صفحه نمایش تلفن همراه سازگار میشوند و در صورت نیاز برای تعامل لمسی بهتر، روی هم قرار میگیرند.
✨ گزینه «انتخاب همه»
انتخاب با یک کلیک:
یک کادر انتخاب ویژه با عنوان «همه را انتخاب کنید» در بالای لیست خود اضافه کنید. کاربران میتوانند با یک کلیک همه گزینهها را علامت بزنند/لغو علامت کنند.
رفتار هوشمندانه:
- همه گزینههای معمولی را همزمان بررسی میکند
- با کلیک مجدد، همه تیکها را برمیدارد
- در صورت عدم انتخاب هر گزینه، تیک آن به طور خودکار برداشته میشود
- وقتی برخی از گزینهها (نه همه) انتخاب میشوند، حالت نامشخص را نشان میدهد
- گزینه «هیچکدام از موارد فوق» را از انتخاب همه موارد مستثنی میکند.
ایده آل برای:
- لیستهای طولانی چکباکس (بیش از ۵ گزینه)
- فرمهایی که کاربران اغلب همه چیز را انتخاب میکنند
- سوالات «همه موارد مربوطه را بررسی کنید»
- مجوزها و انتخاب ویژگیها
تجربه ی کاربر:
در لیستهای طولانی در زمان صرفهجویی میشود. کاربران میتوانند همه را انتخاب کنند، سپس علامت موارد استثنا خاص را بردارند.
✏️ گزینه «سایر» با ورودی متن
مجموعه پاسخهای سفارشی:
یک کادر انتخاب «سایر» اضافه کنید که با انتخاب آن، یک فیلد متنی نمایش داده شود. در صورت عدم تطابق گزینههای از پیش تعیینشده، کاربران میتوانند پاسخ خود را مشخص کنند.
چگونه کار می کند:
- کادر انتخاب «سایر» در پایین لیست ظاهر میشود
- وقتی علامت زده شود، فیلد ورودی متن ظاهر میشود
- کاربران پاسخ سفارشی تایپ میکنند
- هم انتخاب کادر انتخاب و هم متن ارسال میشوند
استفاده از موارد:
- «روش تماس ترجیحی: ...سایر (لطفاً مشخص کنید)»
- «علایق: ... موضوعات دیگر»
- «از چه طریقی با ما آشنا شدید: ... منبع دیگر»
- هر لیستی که نتواند همکاری کند
مزایا:
پاسخهای غیرمنتظره را ثبت میکند، انعطافپذیری ایجاد میکند، از انتخابهای «تطبیق اجباری» جلوگیری میکند و کیفیت دادهها را بهبود میبخشد.
❌ گزینه «هیچکدام از موارد فوق»
انحصاری، غیر انتخابی:
گزینه «هیچکدام از موارد فوق» را اضافه کنید که با کلیک روی آن، بهطور خودکار تیک سایر گزینهها برداشته شود.
انحصار هوشمند:
- وقتی گزینه «هیچکدام» تیک خورده باشد، تیک همه گزینههای دیگر به طور خودکار برداشته میشود.
- وقتی هر گزینه دیگری علامت زده شود، گزینه «هیچکدام» به طور خودکار علامت آن را برمیدارد.
- روش روشنی برای نشان دادن عدم اعمال انتخابها ارائه میدهد
- از انتخابهای متناقض جلوگیری میکند
استفاده از موارد:
- سوالات ترجیحی اختیاری
- «همه آلرژیها را انتخاب کنید: ...هیچکدام از موارد فوق»
- بررسیکنندگان صلاحیت
- انتخابهای علاقهمندی
چرا اضافه کنیم:
از رها کردن فرم جلوگیری میکند، دقت را نشان میدهد، گزینه منفی صریح ارائه میدهد و دقت دادهها را بهبود میبخشد.
📊 کنترلهای انتخاب حداقل/حداکثر
مقدار انتخاب کنترل:
حداقل و حداکثر تعداد کادرهای انتخاب که باید/میتوانند انتخاب شوند را تنظیم کنید.
حداقل انتخابها:
از کاربران بخواهید حداقل X گزینه را انتخاب کنند. فرم تا زمانی که این الزام برآورده نشود، ارسال نخواهد شد.
مثال:
- «حداقل ۲ مورد از علایق خود را انتخاب کنید» (حداقل: ۲)
- «حداقل ۳ مورد را انتخاب کنید» (حداقل: ۳)
- «حداقل ۱ گزینه را انتخاب کنید» (حداقل: ۱)
حداکثر انتخابها:
کاربران را محدود کنید تا حداکثر X گزینه را انتخاب کنند. کادرهای انتخاب پس از رسیدن به حد مجاز غیرفعال میشوند.
مثال:
- «سه ویژگی برتر خود را انتخاب کنید» (حداکثر: ۳)
- «حداکثر ۵ سرویس را انتخاب کنید» (حداکثر: ۵)
- «حداکثر ۲ گزینه انتخاب کنید» (حداکثر: ۲)
پاک کردن بازخورد:
کاربران پیامهای اعتبارسنجی مانند «لطفاً حداقل ۲ گزینه انتخاب کنید» یا «حداکثر ۳ انتخاب مجاز است» را مشاهده میکنند.
🔧 مدیریت آسان گزینهها
کنترل کامل بر انتخابها:
- افزودن گزینهها - تایپ کنید و Enter را فشار دهید یا روی «افزودن گزینه» کلیک کنید. فهرستهای چکباکس را در عرض چند ثانیه بسازید.
- گزینههای ویرایش - متن نمایش (آنچه کاربران میبینند) و مقادیر (آنچه ارسال میشود) را بهطور مستقل بهروزرسانی کنید.
- پیشفرض علامت زده شده - با علامت زدن کادر کنار هر گزینه، کادرهای انتخاب خاصی را از قبل انتخاب کنید.
- گزینههای تغییر ترتیب - از کلیدهای جهتنمای بالا/پایین برای مرتب کردن کادرهای انتخاب به ترتیب کامل استفاده کنید.
- حذف گزینهها - گزینههای ناخواسته را با یک کلیک حذف کنید.
نمایش در مقابل ارزش:
- برچسب: آنچه کاربران میبینند (مثلاً «بهروزرسانیهای ایمیل»)
- مقدار: آنچه ذخیره شده است (مثلاً “email_updates”)
ساختمانسازی انبوه:
با تایپ کردن، فشردن Enter، تایپ کردن، فشردن Enter، چندین گزینه را به سرعت اضافه کنید - ایجاد سریع لیست چکباکس.
☑️ ویژگیهای تکچکباکس
گزینه های سفارشی سازی:
متن برچسب کادر انتخاب:
متنی که در کنار کادر انتخاب نمایش داده میشود. آن را واضح و مشخص بنویسید (مثلاً «من با دریافت ایمیلهای بازاریابی موافقم»).
حالت پیشفرض تیک خورده:
هنگام بارگذاری فرم، کادر مربوطه را از قبل علامت بزنید. با دقت استفاده کنید - کاربران باید آگاهانه کادرهای توافق را علامت بزنند.
مقدار ارسالی سفارشی:
تعیین کنید که هنگام علامت زدن، چه مقداری ارسال شود (معمولاً «بله»، «۱» یا «درست»). پیشفرض «بله» است.
اعتبارسنجی مورد نیاز:
کادر انتخاب را اجباری کنید. کاربران برای ارسال فرم باید آن را علامت بزنند. برای توافقنامههای الزامی ایدهآل است.
🔀 منطق شرطی
قابلیت مشاهدهی چکباکسهای پویا:
نمایش یا پنهان کردن فیلدهای چکباکس بر اساس مقادیر دیگر فرم. نمایش گزینهها فقط در صورت لزوم.
قوانین منطق پیشرفته:
منطق AND - همه شرایط باید رعایت شوند
منطق OR - هر شرطی میتواند باعث انجام عمل شود
۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
کادرهای انتخاب «تنظیمات ارسال» را فقط زمانی نمایش دهید که «نیاز به ارسال» علامت زده شده باشد
نمایش «موضوعات خبرنامه» هنگام علامت زدن کادر اشتراک
نمایش «خدمات اضافی» زمانی که نوع خدمات برابر با «خدمات ویژه» باشد
«گزینههای تخفیف» را وقتی مجموع سفارش کمتر از ۵۰ دلار است، پنهان کنید
🎯 تجربه کاربری بهبود یافته
ویژگیهای هوشمند داخلی:
- شاخصهای بصری - کادرهای انتخاب را با فاصله مناسب پاک کنید
- پیمایش صفحه کلید - به راحتی با تب از میان گزینهها عبور کنید
- سازگار با لمس - اهداف ضربهای بزرگ برای موبایل
- انتخابهای پیشفرض - گزینههای خاص را از قبل بررسی کنید
- کلاسهای CSS سفارشی - اعمال استایل به گروههای چکباکس
- پشتیبانی از قابلیت دسترسی - برچسبهای ARIA، سازگار با صفحهخوان
- بهینه شده برای موبایل - اندازههای عالی برای چکباکسها جهت لمس
- برچسبهای واضح - متن خوانا با ترازبندی مناسب
- اعتبارسنجی الزامی - پاک کردن پیامهای خطا
- متن راهنما - توضیحاتی را برای گروههای پیچیدهی چکباکس اضافه کنید
راهاندازی ساده در ۳ مرحله
فیلد چک باکس خود را در عرض چند دقیقه آماده کنید
اضافه کردن فیلد چک باکس
فیلد Checkbox را از بخش Basic Fields به داخل فرم خود بکشید و رها کنید.
حالت را انتخاب کنید
برای سوالات بله/خیر، گزینه «تک کادر انتخاب» و برای گزینههای چندگزینهای، گزینه «چند کادر انتخاب» را انتخاب کنید.
پیکربندی گزینهها
برای تکی: برچسب و مقدار چکباکس را تنظیم کنید. برای چندتایی: گزینهها را اضافه کنید، طرحبندی را انتخاب کنید، به صورت اختیاری گزینههای «انتخاب همه» یا «سایر» را فعال کنید و حداقل/حداکثر انتخابها را تنظیم کنید.
🎉 تمام! فیلد چکباکس شما با اعتبارسنجی هوشمند آماده است.
برنامه های کاربردی در دنیای واقعی
توافقنامهها و رضایتنامهها
* پذیرش شرایط و ضوابط
* توافقنامههای سیاست حفظ حریم خصوصی
* انتخابهای رضایت ایمیل
* اشتراک خبرنامه
نظرسنجی و بازخورد
* سوالات «همه موارد مربوطه را انتخاب کنید»
* انتخاب چندگانه علایق
* مجموعه ترجیحات ویژگیها
* انتخابهای موضوعی بر اساس علاقه
تجارت الکترونیکی
* انتخاب ویژگی محصول
* افزونههای خدماتی
* گزینههای ارسال
* تنظیمات اعلان
فرم های ثبت نام
* تنظیمات برگزیده ارتباطات
* دستهبندیهای علاقهمندی
* تنظیمات مجوز
* انتخاب دسترسی به ویژگیها
اپلیکیشنها
* بررسیکنندگان صلاحیت
* انتخاب مهارتها
* حوزههای مورد علاقه
* گزینههای موجود
تنظیمات و ترجیحات
* تنظیمات حساب کاربری
* گزینههای حفظ حریم خصوصی
* گزینههای اعلان
* گزینههای تغییر ویژگی
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - سوال یا عنوانی که در بالا کادرهای انتخاب نشان داده شده است
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - تیک زدن (یا تیک زدن) کادرهای انتخاب را اجباری کنید
- جاینگهدار - برای چکباکسها قابل استفاده نیست
حالت چک باکس
نوع حالت را انتخاب کنید:
- تک کادر انتخاب – سوال بله/خیر، موافقت یا عضویت (یک کادر انتخاب)
- چندین کادر انتخاب – گزینههای چند انتخابی (چندین کادر انتخاب)
گزینههای تکی برای انتخاب
- متن کنار کادر انتخاب - برچسبی که در کنار کادر انتخاب نشان داده میشود (مثلاً «من با شرایط موافقم»)
- شروع با علامت زدن - چکباکس هنگام بارگذاری فرم از قبل علامت زده میشود
- مقدار هنگام بررسی - مقدار داده ذخیره شده هنگام بررسی (پیش فرض: "بله")
گزینههای چندگانه برای انتخاب
سبک چیدمان:
- انباشته (یکی در هر خط) - چیدمان عمودی
- کنار هم (در یک ردیف) - چیدمان افقی
- شبکهای (چند ستونی) – طرح شبکهای ۲ ستونی
گزینههای چکباکس:
فهرست انتخابهایتان را بسازید:
- متن نمایشی - آنچه کاربران میبینند (مثلاً «ایمیل»)
- ارزش - آنچه ارسال شده است (مثلاً "ایمیل")
- پیشفرض علامت زده شده - گزینههای خاص را از قبل انتخاب کنید
- تغییر ترتیب - گزینهها را به بالا/پایین منتقل کنید
- حذف - حذف گزینهها
گزینه های ویژه:
- افزودن گزینه «انتخاب همه» - کادر انتخاب را در بالا اضافه میکند که همه گزینهها را انتخاب/لغو انتخاب میکند
- گزینه «سایر» را به کادر متن اضافه کنید - گزینه «سایر» را به فیلد متن برای پاسخهای سفارشی اضافه میکند
- گزینه «هیچکدام از موارد فوق» را اضافه کنید - گزینه انحصاری اضافه میکند که در صورت انتخاب، تیک سایر گزینهها را برمیدارد.
محدودیت های انتخاب:
- حداقل تعداد انتخابهای مورد نیاز - حداقل تعداد چکباکسهایی که باید انتخاب شوند (مثلاً ۲)
- حداکثر انتخابهای مجاز - بیشترین تعداد چکباکسهایی که میتوان انتخاب کرد (مثلاً ۵)
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- فیلد پنهان - فیلد را نامرئی کنید (برای چک باکسها توصیه نمیشود)
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبهای ARIA برای صفحهخوانها
چرا فیلد چکباکس ما را انتخاب کنیم؟
✅ دو حالت – یک یا چند چکباکس در یک نوع فیلد
✅ طرح بندی های انعطاف پذیر - چیدمان عمودی، افقی یا شبکهای
✅ انتخاب همه - انتخاب با یک کلیک برای راحتی
✅ گزینه دیگر - ورودی متن برای پاسخهای سفارشی
✅ هیچ گزینهای – انتخاب انحصاری بدون حق انتخاب
✅ محدودیتهای حداقل/حداکثر – کنترل مقدار انتخاب
✅ مدیریت آسان - اضافه کردن، ویرایش، مرتب سازی مجدد، حذف گزینه ها به راحتی
✅ کاربر پسند – برچسبهای واضح، فاصلهگذاری مناسب، مناسب برای لمس
✅ کاملاً یکپارچه – به طور یکپارچه با تمام ویژگیهای فرم کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین حالتهای تکگزینهای و چندگزینهای چیست؟
حالت تکی یک کادر انتخاب برای تصمیمات بله/خیر نشان میدهد. حالت چندگانه چندین کادر انتخاب را نشان میدهد که کاربران میتوانند بیش از یک گزینه را انتخاب کنند.
س: آیا کاربران میتوانند همه کادرهای انتخاب را به طور همزمان انتخاب کنند؟
بله. گزینه «انتخاب همه» را فعال کنید تا یک کادر انتخاب اضافه شود که با یک کلیک همه گزینهها را علامت بزند یا علامت آنها را بردارد.
س: انتخابهای حداقل/حداکثر چگونه کار میکنند؟
حداقل تعداد مشخصی از گزینهها را برای کاربران تضمین میکند و حداکثر تعداد کادرهای انتخاب را محدود میکند.
س: گزینه «سایر» چه کاری انجام میدهد؟
این یک کادر انتخاب اضافی با عنوان «سایر» اضافه میکند. وقتی این کادر انتخاب شود، یک فیلد متنی ظاهر میشود تا کاربران بتوانند پاسخ دلخواه خود را وارد کنند.
س: «هیچکدام از موارد فوق» چگونه کار میکند؟
این گزینه به عنوان یک انتخاب انحصاری عمل میکند. در صورت انتخاب، تمام کادرهای انتخاب دیگر پاک میشوند. اگر هر گزینه دیگری علامت زده شود، گزینه «هیچکدام» به طور خودکار علامت خود را از حالت انتخاب خارج میکند.
س: آیا میتوانم برخی از کادرهای انتخاب را از قبل انتخاب کنم؟
بله. برای حالت تکی، گزینه «شروع بررسی شد» را فعال کنید. برای حالت چندگانه، کادر کوچک کنار هر گزینهای که میخواهید بهطور پیشفرض انتخاب شود را علامت بزنید.
س: آیا باید از قبل گزینههای توافقنامه را بررسی کنم؟
خیر. برای سیاستها، شرایط و رضایتنامه، کاربران باید خودشان بهطور فعال کادر را علامت بزنند.
س: آیا میتوانم ترتیب چکباکسها را تغییر دهم؟
بله. از فلشهای بالا و پایین کنار هر گزینه برای مرتبسازی مجدد آنها به دلخواه خود استفاده کنید.
س: تفاوت بین متن نمایشی و مقدار چیست؟
متن نمایشی چیزی است که کاربران میبینند. مقدار چیزی است که برای دادههای تمیز و سازگار در پایگاه داده شما ذخیره میشود.
س: آیا میتوانم از منطق شرطی با چکباکسها استفاده کنم؟
بله. فیلدهای دیگر را بر اساس انتخابها با استفاده از عملگرهایی مانند «مساوی»، «خالی است» یا «خالی نیست» فعال کنید.
س: چگونه یک کادر انتخاب اجباری ایجاد کنم؟
«فیلد الزامی» را فعال کنید. برای حالت تکی، کادر باید علامت زده شود. برای حالت چندگانه، کاربران باید حداقل یک گزینه را انتخاب کنند یا حداقل الزام شما را برآورده کنند.
س: آیا کاربران میتوانند پس از بررسی، انتخابهای خود را تغییر دهند؟
بله. آنها میتوانند قبل از ارسال فرم، هر گزینهای را آزادانه علامت بزنند یا علامت آن را بردارند. گزینه «انتخاب همه» را نیز میتوان در هر زمانی فعال یا غیرفعال کرد.
