HTML DOM ইনপুট রেডিও অবজেক্ট

HTML DOM ইনপুট রেডিও অবজেক্ট "রেডিও" টাইপ সহ উপাদানের সাথে যুক্ত। আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতি ব্যবহার করে টাইপ রেডিও সহ একটি ইনপুট উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।

সম্পত্তি

নিচে ইনপুট রেডিও অবজেক্টের বৈশিষ্ট্য −

Sr.No	প্রপার্টি এবং বর্ণনা
1	অটোফোকাস পৃষ্ঠা লোড হওয়ার সময় রেডিও বোতামটি স্বয়ংক্রিয়ভাবে ফোকাস করা উচিত কিনা তা সেট করতে বা ফেরত দিতে।
2	চেক করা হয়েছে৷ রেডিও বোতামটি চেক করা অবস্থায় সেট করতে বা ফেরত দিতে।
3	ডিফল্ট চেক করা হয়েছে একটি রেডিও বোতামের জন্য চেক করা বৈশিষ্ট্যের ডিফল্ট মান ফেরত দিতে
4	ডিফল্ট মান রেডিও বোতাম ডিফল্ট মান সেট করতে বা ফেরত দিতে।
5	অক্ষম৷ রেডিও বোতামটি নিষ্ক্রিয় করা উচিত কি না তা সেট করতে বা ফেরত দিতে
6	ফর্ম রেডিও বোতাম ধারণকারী ফর্মের রেফারেন্স ফেরত দিতে
7	নাম একটি রেডিও বোতামের নাম বৈশিষ্ট্য মান সেট বা ফেরত দিতে।
8	প্রয়োজনীয় ফর্ম জমা দেওয়ার আগে একটি রেডিও বোতাম চেক করা বাধ্যতামূলক হলে সেট করতে বা ফেরত দিতে।
9	টাইপ রেডিও বোতামের জন্য ফর্ম উপাদান টাইপ ফেরত দিতে.
10	মান রেডিও বোতামের মান বৈশিষ্ট্যের মান সেট করতে বা ফেরত দিতে।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

একটি ইনপুট রেডিও অবজেক্ট তৈরি করা হচ্ছে।

var R = document.createElement(“INPUT");
R.setAttribute("type", "radio");

উদাহরণ

আসুন ইনপুট রেডিও অবজেক্ট -

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<script>
   function createRadio() {
      var R = document.createElement("INPUT");
      R.setAttribute("type", "Radio");
      document.body.appendChild(R);
   }
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট রেডিও অবজেক্ট

ক্রিয়েট বোতামে ক্লিক করলে -

HTML DOM ইনপুট রেডিও অবজেক্ট

উপরের উদাহরণে -

আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createRadio() পদ্ধতিটি কার্যকর করবে -

<button type=”button” onclick="createRadio()">CREATE</button>

createRadio() পদ্ধতিটি নথি বস্তুর createElement() পদ্ধতি ব্যবহার করে একটি প্যারামিটার হিসাবে "INPUT" পাস করে উপাদান তৈরি করতে। সদ্য তৈরি করা ইনপুট উপাদানটি ভেরিয়েবল R-এ বরাদ্দ করা হয়েছে এবং setAttribute() পদ্ধতি ব্যবহার করে আমরা মান রেডিও সহ একটি টাইপ অ্যাট্রিবিউট তৈরি করি।

মনে রাখবেন, setAttribute() অ্যাট্রিবিউট তৈরি করে এবং অ্যাট্রিবিউটটি আগে না থাকলে মান নির্ধারণ করে। অবশেষে, ডকুমেন্ট বডিতে appendChild() মেথড ব্যবহার করে আমরা ইনপুট এলিমেন্ট টাইপ রেডিও সহ বডির চাইল্ড হিসেবে যুক্ত করি -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "Radio");
   document.body.appendChild(R);
}