এই নিবন্ধটি জাভাস্ক্রিপ্টে HTML DOM ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্যের উদ্দেশ্য, কার্যকারিতা এবং ব্যবহার প্রদর্শন করে৷
জাভাস্ক্রিপ্টে HTML DOM ইনপুট রেডিও 'চেক করা' প্রপার্টি কী?
ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্যটি 'রেডিও' বোতামের স্থিতি সেট এবং পরীক্ষা করতে HTML ফর্ম এবং ইনপুট ক্ষেত্রে কাজ করে।
সিনট্যাক্স (সেট চেক করা সম্পত্তি)
রেডিও অবজেক্ট। চেক করা = সত্য | মিথ্যাসংজ্ঞায়িত রিটার্ন সিনট্যাক্স অনুসারে, 'চেক করা' সম্পত্তি দুটি পরামিতি সমর্থন করে যা নীচে তালিকাভুক্ত করা হয়েছে:
- সত্য: এটি প্রতিনিধিত্ব করে যে সংশ্লিষ্ট উপাদানটি পরীক্ষা করা হয়েছে।
- মিথ্যা: এটি নির্দেশ করে যে সংশ্লিষ্ট উপাদানটি চেক করা হয়নি।
সিনট্যাক্স (রিটার্ন চেক করা সম্পত্তি)
রেডিও অবজেক্ট। চেক করাউপরের সিনট্যাক্সে, ' রেডিও অবজেক্ট 'এইচটিএমএল বোঝায়' <ইনপুট> ' উপাদান যার ধরন 'রেডিও'।
প্রদত্ত বাস্তব উদাহরণের সাহায্যে HTML DOM ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্যের ব্যবহার ব্যাখ্যা করতে উপরে-সংজ্ঞায়িত বাক্য গঠনগুলি ব্যবহার করা যাক।
উদাহরণ 1: ইনপুট রেডিও 'চেক করা' সম্পত্তি প্রয়োগ করা বেসিক সিনট্যাক্স ব্যবহার করা
প্রথম উদাহরণে, 'রেডিও' বোতামটি সংজ্ঞায়িত সাধারণ সিনট্যাক্স ব্যবহার করে তার 'চেক করা' বৈশিষ্ট্য সেট করতে তৈরি করা হয়েছে।
HTML কোড
প্রথমত, বর্ণিত HTML কোডটি দেখুন:
< শরীর শৈলী = 'টেক্সট-সারিবদ্ধ: কেন্দ্র' >
< h2 > এইচটিএমএল DOM ইনপুট রেডিও চেক করা সম্পত্তি h2 >
রঙ : < ইনপুট টাইপ = 'রেডিও' আইডি = 'হলুদ' > হলুদ < br < br >
< বোতামে ক্লিক করুন = 'রঙ চেক()' > চেক করুন 'হলুদ' বোতাম >
< বোতামে ক্লিক করুন = 'colorUncheck()' > আনচেক করুন 'হলুদ' বোতাম >
উপরের কোড লাইনে:
- দ্য ' ' ট্যাগ বডি বিভাগকে সংজ্ঞায়িত করে যা 'এর সাথে সারিবদ্ধ কেন্দ্র ”
- দ্য ' ” ট্যাগ প্রথম উপশিরোনাম নির্দিষ্ট করে।
- দ্য ' <ইনপুট> ' ট্যাগ ইনপুট টাইপ নির্দিষ্ট করে একটি 'রেডিও' বোতাম যোগ করে ' রেডিও 'একটি নির্ধারিত আইডি সহ' হলুদ ”
- দ্য ' <বোতাম> ' ট্যাগ একটি 'এর সাথে যুক্ত একটি সাধারণ বোতাম যোগ করে অনক্লিক ' ইভেন্ট চালানোর জন্য ' কালার চেক() ” ফাংশন যা বোতামে ক্লিক করলে অ্যাক্সেস করা হবে।
- একইভাবে আরেকটি ' <বোতাম> ' ট্যাগ 'কে আহ্বান করার জন্য একটি বোতাম তৈরি করে কালার আনচেক() ” বোতামে ক্লিক করার ফাংশন।
জাভাস্ক্রিপ্ট কোড
পরবর্তী, প্রদত্ত জাভাস্ক্রিপ্ট কোড অনুসরণ করুন:
< লিপি >ফাংশন কালার চেক ( ) {
নথি getElementById ( 'হলুদ' ) . চেক করা = সত্য ;
}
ফাংশন কালার আনচেক করুন ( ) {
নথি getElementById ( 'হলুদ' ) . চেক করা = মিথ্যা ;
}
লিপি >
উপরের কোড স্নিপেটে:
- প্রথম ফাংশন ' কালার চেক() ' ব্যবহার করে ' document.getElementById() ' রেডিও বোতাম আনার পদ্ধতি, সংযুক্ত করুন ' চেক করা ' সম্পত্তি এবং তার মান 'সত্য' সেট করুন।
- অন্যদিকে, ফাংশন ' কালার আনচেক() 'এর মান সেট করে' চেক করা অ্যাক্সেস রেডিও বোতামের বিপরীতে 'মিথ্যা' করার সম্পত্তি।
আউটপুট
যেমন দেখা যায়, আউটপুট বোতামের উপর 'রেডিও' বোতাম চেক করে (নাম 'চেক') ক্লিক এবং আনচেক করে' বোতামে ('আনচেক') ক্লিক।
উদাহরণ 2: ইনপুট রেডিও 'চেক করা' মান ফিরিয়ে দেওয়া
এই উদাহরণটি একটি বুলিয়ান মান হিসাবে লক্ষ্যযুক্ত 'রেডিও' বোতামের অবস্থা ফেরাতে ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্য প্রয়োগ করে।
HTML কোড
নিম্নলিখিত HTML কোড বিবেচনা করুন:
< শরীর শৈলী = 'টেক্সট-সারিবদ্ধ: কেন্দ্র' >< h2 > এইচটিএমএল DOM ইনপুট রেডিও চেক করা সম্পত্তি h2 >
রঙ : < ইনপুট টাইপ = 'রেডিও' চেক করা = সত্য আইডি = 'হলুদ' > হলুদ < br < br >
< বোতামে ক্লিক করুন = 'রঙ চেক()' > চেক করুন 'হলুদ' বোতাম >
< পি আইডি = 'নমুনা' < পি >
উপরের কোড ব্লকে, ' রেডিও ' বোতাম তৈরি হয় এবং 'এর অবস্থা চেক করা 'সম্পত্তি সেট করা হয়েছে' সত্য ” এর পরে, একইভাবে, বর্ণিত ফাংশনটি সংযুক্ত 'এর মাধ্যমে আহ্বান করা হয় অনক্লিক ” বোতাম সহ ইভেন্ট।
জাভাস্ক্রিপ্ট কোড
এখন, কোডের নিম্নলিখিত লাইনগুলি বিবেচনা করুন:
< লিপি >ফাংশন কালার চেক ( ) {
কোথায় = নথি getElementById ( 'হলুদ' ) . ডিফল্ট চেক করা হয়েছে ;
নথি getElementById ( 'নমুনা' ) . innerHTML = t ;
}
লিপি >
উপরের কোড স্নিপেটে:
- 'নামক একটি ফাংশন সংজ্ঞায়িত করুন কালার চেক() ”
- এর সংজ্ঞায়, প্রয়োগ করুন ' document.getElementById() ' রেডিও' বোতামটি 'হলুদ' আইডি ব্যবহার করে অ্যাক্সেস করার পদ্ধতি এবং 'কে সংযুক্ত করুন' ডিফল্ট চেক করা হয়েছে ' এর ডিফল্ট মান পরীক্ষা করতে সম্পত্তি ' চেক করা ” বৈশিষ্ট্য।
- অবশেষে, প্রয়োগ করুন ' document.getElementById() অন্তর্ভুক্ত খালি অনুচ্ছেদ আনার জন্য এবং 'চেক করা' সম্পত্তির স্থিতি প্রদর্শন করার জন্য আবার পদ্ধতি।
.
আউটপুট
বিশ্লেষিত হিসাবে, ফলাফল প্রদত্ত 'রেডিও' বোতামের স্থিতি প্রদান করে যেমন, ' সত্য ” বোতামে ক্লিক করুন।
উপসংহার
জাভাস্ক্রিপ্টে, HTML DOM ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্যটি 'রেডিও' বোতামের চেক করা স্থিতি সেট করতে এবং ফেরত দিতে উপযোগী। 'চেক করা' সম্পত্তির সেট সিনট্যাক্স দুটি মানের উপর কাজ করে ' সত্য ' এবং ' মিথ্যা ” অন্যদিকে, এর রিটার্ন সিনট্যাক্সের জন্য কোনো প্যারামিটারের প্রয়োজন হয় না। এই নিবন্ধটি জাভাস্ক্রিপ্টে HTML DOM ইনপুট রেডিও 'চেক করা' বৈশিষ্ট্যের উদ্দেশ্য, কার্যকারিতা এবং ব্যবহার প্রদর্শন করেছে।