ডিফল্টরূপে একটি রেডিও বোতাম কীভাবে নির্বাচন করবেন?
গতানুগতিক ' চেক করা ” অ্যাট্রিবিউট রেডিও বোতাম নির্বাচন করার জন্য ব্যবহার করা হয়। যদি এই বৈশিষ্ট্যটি একাধিক রেডিও বোতামে ব্যবহার করা হয় তবে সাম্প্রতিকতম রেডিও বোতামটি ডিফল্টরূপে নির্বাচিত হয়। ডিফল্টরূপে রেডিও বোতাম নির্বাচন করতে ধাপে ধাপে ব্লগ অনুসরণ করুন:
ধাপ 1: রেডিও বোতাম তৈরি করুন
HTML ফাইলে, তিনটি রেডিও বোতাম তৈরি করুন এবং তাদের সাথে লেবেল সংযুক্ত করুন:
< কেন্দ্র >
< h3 > আপনার অভিজ্ঞতার স্তর নির্বাচন করুন: < / h3 >
< div >
< ইনপুট প্রকার = 'রেডিও' আইডি = 'শিশু' নাম = 'অভিজ্ঞতা' মান = 'শিশু' >
< লেবেল জন্য = 'শিশু' > শিক্ষানবিস < / লেবেল >
< / div >
< div >
< ইনপুট প্রকার = 'রেডিও' আইডি = 'মধ্যবর্তী' নাম = 'অভিজ্ঞতা' মান = 'মধ্যবর্তী' >
< লেবেল জন্য = 'মধ্যবর্তী' > মধ্যবর্তী < / লেবেল >
< / div >
< div >
< ইনপুট প্রকার = 'রেডিও' আইডি = 'আগাম' নাম = 'অভিজ্ঞতা' মান = 'আগাম' >
< লেবেল জন্য = 'আগাম' > অগ্রিম < / লেবেল >
< / div >
< / কেন্দ্র >
উপরের কোড স্নিপেটে:
- রেডিও বোতাম তৈরি করা হয় সাধারণ ' <ইনপুট> ' ট্যাগ এবং এর ধরন সেট করা ' রেডিও ”
- 'নাম', 'আইডি', এবং 'মান' সহ প্রতিটি রেডিও বোতাম বরাদ্দ করুন।
- শেষ পর্যন্ত, ব্যবহার করুন ' আইডি সংযুক্ত করতে ইনপুট ক্ষেত্রের ' <লেবেল> ট্যাগ ব্যবহার করে জন্য ” বৈশিষ্ট্য।
স্ক্রিপ্ট চালানোর পরে নিচের মত আউটপুট:
চিত্রটি উপস্থাপন করে যে রেডিও বোতামগুলি প্রদর্শিত হয় কিন্তু তাদের কোনটিই ডিফল্টরূপে নির্বাচিত হয় না।
ধাপ 2: ডিফল্টরূপে নির্বাচন করুন
দ্য ' চেক করা ” বৈশিষ্ট্যটি রেডিও বোতামটি স্বয়ংক্রিয়ভাবে নির্বাচন করতে ব্যবহার করা হয়। এটি শুধুমাত্র একটি বিকল্প নির্বাচন করে। এজন্য ডিফল্টরূপে একটি রেডিও বোতাম নির্বাচন করা একটি ভাল পদ্ধতি। এটি ব্যবহারকারীকে সঠিক বিকল্প নির্বাচন করতে সীমাবদ্ধ করে:
< div >
< ইনপুট প্রকার = 'রেডিও' আইডি = 'শিশু' নাম = 'অভিজ্ঞতা' মান = 'শিশু' চেক করা হয়েছে>
< লেবেল জন্য = 'শিশু' >শিশু< / লেবেল >
< / div >
উপরের কোডে, the চেক করা attribute ব্যবহার করা হয় এবং এটি শুধুমাত্র প্রথম ইনপুট ক্ষেত্রে বরাদ্দ করা হয়।
এখন উপরের কোড চালানোর পরে ওয়েবপৃষ্ঠাটি এইরকম দেখাচ্ছে:
আউটপুটটি ব্যাখ্যা করে যে প্রথম রেডিও বোতামটি পৃষ্ঠার প্রতিটি রিফ্রেশে ডিফল্টরূপে নির্বাচিত হয়।
বোনাস টিপ: ডিফল্টরূপে রেডিও বোতাম নির্বাচন করতে JavaScript ব্যবহার করে
জাভাস্ক্রিপ্ট ব্যবহার করে ডিফল্টভাবে একটি রেডিও বোতাম নির্বাচন করতে, আইডি ব্যবহার করে রেডিও বোতাম অ্যাক্সেস করুন। তারপরে, এর চেক করা বৈশিষ্ট্যটি নির্বাচন করুন এবং নীচের কোডের মতো এর বুলিয়ান মান 'সত্য' সেট করুন:
< লিপি >document.getElementById ( 'শিশু' ) . চেক করা = সত্য
< / লিপি >
এই কোডে, ' শিক্ষানবিস ” হল সেই রেডিও বোতামের আইডি যা ডিফল্টরূপে নির্বাচিত হয়।
স্ক্রিপ্ট কম্পাইল করার পরে নিচের মত আউটপুট:
উপরের স্ন্যাপশটে, প্রথম রেডিও বোতামটি জাভাস্ক্রিপ্ট ব্যবহার করে ডিফল্টরূপে নির্বাচিত হয়।
উপসংহার
একটি রেডিও বোতাম নির্বাচন করার জন্য, ব্যবহারকারীরা ' চেক করা ” বৈশিষ্ট্য। যদি চেক করা অ্যাট্রিবিউটটি একাধিক রেডিও বোতামে ব্যবহার করা হয়, তাহলে রেডিও বোতামটি সাম্প্রতিকতম 'চেক করা' অ্যাট্রিবিউটের মান পায়। জাভাস্ক্রিপ্ট ব্যবহার করে ডিফল্টভাবে একটি রেডিও বোতাম নির্বাচন করতে, আইডি ব্যবহার করে রেডিও বোতাম অ্যাক্সেস করুন। এই ব্লগটি সফলভাবে প্রদর্শন করেছে কিভাবে ডিফল্টরূপে রেডিও বোতাম নির্বাচন করতে হয়।