HTML DOM ইনপুট রেডিও টাইপ সম্পত্তি

HTML DOM ইনপুট রেডিও টাইপ প্রপার্টি ইনপুট এলিমেন্ট এর টাইপ=”রেডিও” এর সাথে যুক্ত। এটি সর্বদা ইনপুট রেডিও উপাদানের জন্য রেডিও প্রদান করবে।

সিনট্যাক্স

রেডিও টাইপ প্রপার্টি -

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

radioObject.type

উদাহরণ

রেডিও টাইপ প্রপার্টি −

এর জন্য একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<h1>Input radio type Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<br>
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="radioType()">GET Type</button>
<p id="Sample"></p>
<script>
   function radioType() {
      var P=document.getElementById("Mango").type;
      document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM ইনপুট রেডিও টাইপ সম্পত্তি

GET Type বাটনে ক্লিক করলে -

HTML DOM ইনপুট রেডিও টাইপ সম্পত্তি

আমরা প্রথমে টাইপ=”রেডিও”, নাম=”ফল”, আইডি=”আম” -

সহ একটি ফর্মের ভিতরে একটি ইনপুট উপাদান তৈরি করেছি।

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>

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

<button type=”button” onclick="radioType()">GET Type</button>

radioType() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভেরিয়েবল P এর টাইপ অ্যাট্রিবিউট ভ্যালু বরাদ্দ করে। এই ভেরিয়েবলটি তারপর তার innerHTML প্রপার্টি ব্যবহার করে id “Sample” সহ অনুচ্ছেদে প্রদর্শিত হয় −

function getType() {
   var P = document.getElementById("Mango").type;
   document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
}