دکمه های رادیویی
انتخابهای تکی را با وضوح و سبک جمعآوری کنید. از سوالات ساده بله/خیر گرفته تا گزینههای پیچیده چند گزینهای با طرحبندیهای انعطافپذیر، گزینههای سفارشی و ویژگیهای هوشمند - فیلد دکمههای رادیویی تضمین میکند که کاربران دقیقاً یک پاسخ را از لیست شما انتخاب کنند.
مناسب برای سوالات تک گزینه ای
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
🎨 گزینههای طرحبندی انعطافپذیر
سه طرح بندی حرفه ای:
- عمودی (روی هم چیده شده) - گزینهها در هر خط، به صورت عمودی روی هم قرار میگیرند. سنتیترین و خواناترین طرح برای برچسبهای طولانی گزینهها.
- افقی (درونخطی) - گزینهها در کنار هم و در یک ردیف ظاهر میشوند. برای برچسبهای کوتاه و فرمهای فشرده ایدهآل است.
- شبکه (۲ ستون) – گزینههایی که در یک شبکه دو ستونی مرتب شدهاند. ضمن حفظ خوانایی، در فضا صرفهجویی میشود.
انتخاب بر اساس:
- عمودی: برچسبهای طولانی گزینهها، انتخابهای دقیق، فرمهای سنتی
- افقی: ۲ تا ۵ گزینه کوتاه (بله/خیر، مرد/زن و غیره)
- شبکهای: بیش از ۴ گزینه با طول متوسط، طرحبندی متعادل
رفتار واکنشی:
همه طرحبندیها بهطور خودکار با صفحه نمایش تلفن همراه سازگار میشوند و در صورت نیاز برای تعامل لمسی بهتر، بهصورت عمودی روی هم قرار میگیرند.
🎲 ترتیب گزینهها را تصادفی کنید
تصادفیسازی بر اساس نمره نظرسنجی
هر بار که فرم بارگذاری میشود، ترتیب گزینهها را تغییر میدهد. سوگیری موقعیتی را در نظرسنجیها، رأیگیریها و فرمهای تحقیقاتی از بین میبرد.
چرا تصادفی سازی کنیم؟
- از سوگیری سفارش در نظرسنجیها جلوگیری میکند
- توزیع عادلانه انتخاب را تضمین میکند
- روش تحقیق حرفهای
- کیفیت دادهها را بهبود میبخشد
ایده آل برای:
- فرمهای نظرسنجی و پرسشنامهها
- تست A/B و تحقیق
- رأیگیری و نظرسنجی
- مطالعات ترجیحی
رفتار هوشمندانه:
گزینههای ویژه مانند «سایر» و «هیچکدام از موارد فوق» میتوانند حتی در صورت تصادفی بودن گزینههای اصلی، در پایین باقی بمانند.
❌ گزینه «هیچکدام از موارد فوق»
عدم انتخاب صریح
گزینه «هیچ یک از موارد فوق» یا «قابل اجرا نیست» را در انتهای لیست خود اضافه کنید. به کاربران روشی واضح برای نشان دادن عدم اعمال گزینهها ارائه میدهد.
چرا این را اضافه کنیم؟
- از انتخابهای اجباری جلوگیری میکند
- دقت داده ها را بهبود می بخشد
- تمام پایههای تحت پوشش را نشان میدهد
- کاهش ترک فرم
ایده آل برای:
- سوالات ترجیحی اختیاری
- سوالات سبک «همه موارد مرتبط را انتخاب کنید»
- بررسیکنندگان صلاحیت
- انتخابهای علاقهمندی
موقعیتیابی هوشمند:
گزینه «هیچکدام» همیشه در آخر ظاهر میشود و تمایز واضحی با گزینههای معمولی ایجاد میکند.
🔧 مدیریت آسان گزینهها
کنترل کامل بر انتخابها:
- افزودن گزینهها - عبارت «افزودن گزینه» را تایپ کرده و روی آن کلیک کنید یا Enter را فشار دهید. فهرست خود را در عرض چند ثانیه بسازید.
- گزینههای ویرایش - متن نمایش (آنچه کاربران میبینند) و مقادیر (آنچه ارسال میشود) را بهطور مستقل بهروزرسانی کنید.
- مرتبسازی مجدد گزینهها - از کلیدهای جهتنمای بالا/پایین برای مرتب کردن گزینهها به ترتیب دلخواه استفاده کنید.
- حذف گزینهها - گزینهها را با یک کلیک حذف کنید. هیچ گزینهای دائمی نیست.
نمایش در مقابل ارزش:
- برچسب: آنچه کاربران میبینند (مثلاً «خدمات عالی»)
- مقدار: آنچه در پایگاه داده ذخیره شده است (مثلاً "excellent_service")
ساختمانسازی انبوه:
با تایپ کردن، فشردن Enter، تایپ کردن، فشردن Enter، چندین گزینه را به سرعت اضافه کنید - ایجاد سریع گزینه برای لیستهای طولانی.
✅ انتخاب پیشفرض
یک گزینه را از قبل انتخاب کنید
انتخاب کنید که کدام دکمه رادیویی هنگام بارگذاری فرم به طور پیشفرض انتخاب شود. کاربران را به سمت پاسخهای رایج هدایت میکند یا گزینههای پیشنهادی را برجسته میکند.
استفاده از موارد:
برای سرعت بخشیدن به تکمیل سوال، رایجترین پاسخ را از قبل انتخاب کنید
گزینه پیشنهادی را برجسته کنید (مثلاً طرح «بهترین ارزش»)
تنظیم گزینه توافقنامه پیشفرض (شرایط پذیرفتهشده)
کاربران را به سمت انتخاب ترجیحی هدایت کنید
یا بدون پیشفرض:
همه گزینهها را بدون انتخاب بگذارید و از کاربران بخواهید که به طور فعال انتخاب کنند. برای سوالاتی که نیاز به انتخاب آگاهانه دارند، ایدهآل است.
✏️ گزینه «سایر» با ورودی متن
مجموعه پاسخهای سفارشی
یک گزینه «سایر» اضافه کنید که هنگام انتخاب، یک ورودی متنی نمایش میدهد. اگر هیچ یک از گزینههای از پیش تعیینشده مناسب نبود، کاربران میتوانند پاسخ خود را مشخص کنند.
برچسب قابل تنظیم:
- متن برچسب «سایر» را متناسب با نیازهای خود تغییر دهید:
- «سایر (لطفاً مشخص کنید)»
- «چیز دیگری»
- «پاسخ سفارشی»
- «فهرست نشده»
چگونه کار می کند:
وقتی کاربران «سایر» را انتخاب میکنند، فوراً یک فیلد متنی برای تایپ پاسخ دلخواهشان ظاهر میشود. هم گزینه «سایر» و هم متن آنها ارسال میشود.
استفاده از موارد:
- «چطور از ما باخبر شدید؟» با منبع ارجاع سفارشی
- ترجیح محصول با گزینههای ثبت نشده
- دستههای بازخورد با «سایر نگرانیها»
- هر فهرستی که نتواند همه احتمالات را پوشش دهد
🔀 منطق شرطی
قابلیت مشاهده دکمه رادیویی پویا
نمایش یا پنهان کردن فیلدهای دکمه رادیویی بر اساس مقادیر فرمهای دیگر. ایجاد فرمهای هوشمند که با انتخابهای کاربر سازگار میشوند.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- گزینههای محصول را فقط زمانی که نوع محصول انتخاب شده است، نمایش دهید
- نمایش تنظیمات ارسال وقتی روش ارسال برابر با «اکسپرس» باشد
- پنهان کردن طرحهای پرداخت وقتی مجموع سفارش کمتر از ۱۰۰ دلار است
- سوالات اضافی را بر اساس پاسخ اولیه آشکار کنید
🎯 تجربه کاربری بهبود یافته
ویژگیهای هوشمند داخلی:
- اجرای انتخاب واحد - فقط یک گزینه را میتوان در یک زمان انتخاب کرد (رفتار استاندارد دکمه رادیویی)
- اعتبارسنجی الزامی - انتخاب را با پیامهای خطای واضح اجباری کنید
- پیمایش صفحهکلید - کلیدهای جهتنما برای دسترسی بین گزینهها حرکت میکنند
- کلاسهای CSS سفارشی - اعمال استایل سفارشی برای مطابقت با برند شما
- پشتیبانی از قابلیت دسترسی - برچسبهای ARIA، سازگار با صفحهخوان
- بهینه شده برای موبایل - مناسب برای لمس با اهداف ضربه بزرگتر
- بازخورد بصری - نمایش واضح گزینه انتخاب شده
- پشتیبانی متنی راهنما - توضیحاتی را برای روشن شدن گزینهها اضافه کنید
راهاندازی ساده در ۳ مرحله
فیلد دکمههای رادیویی خود را در عرض چند دقیقه آماده کنید
فیلد دکمههای رادیویی را اضافه کنید
فیلد دکمههای رادیویی را از بخش فیلدهای پایه به داخل فرم خود بکشید و رها کنید.
گزینههای خود را اضافه کنید
برچسبهای گزینه را تایپ کنید و برای ساخت لیست خود روی «افزودن گزینه» کلیک کنید. با استفاده از فلشها، برچسبها و مقادیر مورد نیاز را ویرایش کنید.
طرحبندی و ویژگیها را انتخاب کنید
سبک طرحبندی (عمودی، افقی یا شبکهای) را انتخاب کنید، در صورت تمایل گزینه «سایر» یا «هیچکدام از موارد فوق» را اضافه کنید، در صورت تمایل انتخاب پیشفرض را تنظیم کنید.
🎉 تمام! دکمههای رادیویی شما برای انتخاب تکگزینهای آماده هستند.
برنامه های کاربردی در دنیای واقعی
نظرسنجی و بازخورد
* میزان رضایت (بسیار راضی تا بسیار ناراضی)
* مقیاسهای توافق (کاملاً موافقم تا کاملاً مخالفم)
* سوالات مربوط به فراوانی (روزانه، هفتگی، ماهانه، به ندرت، هرگز)
* سوالات رتبهبندی (۱-۵ ستاره، عالی تا ضعیف)
تجارت الکترونیکی
* انتخاب سایز محصول (کوچک، متوسط، بزرگ، خیلی بزرگ)
* تنظیمات رنگ
* گزینههای روش ارسال
* گزینههای بستهبندی هدیه
فرم های ثبت نام
* انتخاب جنسیت
* انتخاب محدوده سنی
* سطح تجربه (مبتدی، متوسط، پیشرفته)
* انتخاب سطح عضویت
برنامه های تجاری
* سطح اولویت (زیاد، متوسط، کم)
* انتخاب دپارتمان
* اولویت تماس (ایمیل، تلفن، پیامک)
* گزینههای محدوده بودجه
آموزش و آموزش
* انتخاب سطح دوره
* ترجیح سرعت یادگیری
* زمانبندی در دسترس بودن
* نوع گواهینامه
بهداشت و سلامت
* انتخاب نوع قرار ملاقات
* انتخاب ارائه دهنده بیمه
* شدت علائم (خفیف، متوسط، شدید)
* اولویت مشاوره
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - سوال یا عنوانی که بالای دکمههای رادیویی نشان داده میشود
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - انتخاب را اجباری کنید
- جاینگهدار - برای دکمههای رادیویی قابل استفاده نیست
طرحبندی و ارائه
- سبک چیدمان
- عمودی (روی هم انباشته) - یکی در هر خط
- افقی (درون خطی) - پهلو به پهلو
- شبکهای (۲ ستونه) – طرحبندی متعادل
گزینههای دکمه رادیویی
- گزینهها را اضافه کنید - فهرست گزینههای خود را بسازید
- متن نمایش - آنچه کاربران میبینند
- مقدار - آنچه با فرم ارسال میشود
- تغییر ترتیب - گزینهها را به بالا/پایین منتقل کنید
- حذف - حذف گزینهها
انتخاب پیشفرض
مقدار پیشفرض انتخابشده - یک گزینه را از قبل انتخاب کنید، یا برای عدم وجود پیشفرض، خالی بگذارید.
گزینه های ویژه
- گزینه «سایر» را اضافه کنید - اجازه ورود متن سفارشی
- برچسب گزینه دیگر - متن «دیگر» را سفارشی کنید (پیشفرض: «دیگر (لطفاً مشخص کنید)»)
- گزینه «هیچکدام از موارد فوق» را اضافه کنید - در انتها گزینه صریح عدم انتخاب را اضافه کنید
ویژگی های پیشرفته
ترتیب تصادفی - نمایش گزینهها به ترتیب تصادفی (برای نظرسنجیها جهت جلوگیری از سوگیری ترتیب مفید است)
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های دیگر
- فیلد پنهان - فیلد را نامرئی کنید اما مقدار انتخاب شده را در ارسالها لحاظ کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبها و توضیحات ARIA
چرا فیلد دکمههای رادیویی ما را انتخاب کنیم؟
✅ طرح بندی های انعطاف پذیر - چیدمان عمودی، افقی یا شبکهای
✅ ویژگیهای نظرسنجی - برای نتایج بیطرفانه، ترتیب را تصادفی کنید
✅ کاربر پسند - گزینه «سایر» برای پاسخهای سفارشی
✅ کنترل کامل - گزینههای آسان برای افزودن، ویرایش، مرتبسازی مجدد، حذف
✅ پیشفرضهای هوشمند – گزینههای رایج یا توصیهشده را از قبل انتخاب کنید
✅ حرفه ای - برای نظرسنجیهای مناسب، «هیچکدام از موارد فوق» مناسب نیست
✅ موبایل بهینه شده - سازگار با لمس با اهداف ضربهای عالی
✅ قابل دسترس - پشتیبانی از ناوبری صفحه کلید و صفحه خوان
✅ کاملاً یکپارچه – به طور یکپارچه با تمام ویژگیهای فرم کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین دکمههای رادیویی و کادرهای انتخاب چیست؟
دکمههای رادیویی فقط اجازه یک انتخاب را میدهند. چکباکسها اجازه چندین انتخاب را میدهند. از رادیو برای «یکی را انتخاب کن» و از چکباکس برای «هر کدام را انتخاب کن» استفاده کنید.
س: آیا کاربران میتوانند انتخاب رادیویی خود را تغییر دهند؟
بله. انتخاب یک دکمه رادیویی جدید، دکمه رادیویی قبلی را به طور خودکار از حالت انتخاب خارج میکند.
س: چه زمانی باید از طرح عمودی در مقابل افقی استفاده کنم؟
برای لیستهای طولانیتر یا برچسبهای طولانی از حالت عمودی، برای مجموعههای کوتاه دو یا سه گزینهای از حالت افقی و برای گروههای گزینهای متوسط از حالت شبکهای استفاده کنید.
س: گزینه «سایر» چگونه کار میکند؟
انتخاب «سایر» یک فیلد متنی را نشان میدهد که کاربران میتوانند در آن پاسخ دلخواه خود را تایپ کنند. هم پاسخ انتخابی و هم متن ارسال میشوند.
س: ترتیب تصادفی چه کاری انجام میدهد؟
هر بار که فرم بارگذاری میشود، ترتیب گزینهها تغییر میکند تا سوگیری در پاسخها کاهش یابد.
س: آیا باید یک انتخاب پیشفرض تنظیم کنم؟
اگر میخواهید سرعت تکمیل فرم را افزایش دهید یا کاربران را راهنمایی کنید، یکی را انتخاب کنید. اگر میخواهید کاربران آگاهانه تصمیم بگیرند، خالی بگذارید.
س: گزینه «هیچکدام از موارد فوق» برای چیست؟
این به کاربران اجازه میدهد تا مشخص کنند که هیچ گزینه ذکر شدهای اعمال نمیشود، که این امر دقت را بهبود میبخشد و از پاسخهای اجباری جلوگیری میکند.
س: آیا میتوانم متن نمایشی و مقادیر ارسالی متفاوتی داشته باشم؟
بله. متن نمایشی به کاربران نشان داده میشود و مقدار ذخیره شده در ارسالها میتواند مرتبتر یا ساختاریافتهتر باشد.
س: چگونه میتوانم گزینههای دکمههای رادیویی خود را دوباره مرتب کنم؟
از فلشهای بالا و پایین کنار هر گزینه برای جابجایی آنها به ترتیب دلخواه خود استفاده کنید.
س: آیا دکمههای رادیویی میتوانند مورد نیاز باشند؟
بله. گزینه «فیلد الزامی» را فعال کنید تا کاربران قبل از ارسال، یکی از گزینهها را انتخاب کنند.
س: آیا دکمههای رادیویی روی موبایل کار میکنند؟
بله. آنها از کنترلهای لمسی استفاده میکنند و به طور خودکار روی صفحات کوچک به صورت عمودی قرار میگیرند.
س: آیا میتوانم از منطق شرطی با دکمههای رادیویی استفاده کنم؟
بله. نمایش یا پنهان کردن فیلدها بر اساس گزینه انتخاب شده با استفاده از «مساوی» یا شرایط مشابه.
