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

HTML DOM ইনপুট রেডিও মান বৈশিষ্ট্য টাইপ=”রেডিও” এবং মান বৈশিষ্ট্যযুক্ত ইনপুট উপাদানের সাথে যুক্ত। এটি রেডিও বোতাম মান বৈশিষ্ট্যের মান ফেরত দিতে বা এটি সেট করতে ব্যবহৃত হয়।

রেডিও বোতামের মান বৈশিষ্ট্য ওয়েবসাইটের ব্যবহারকারী ইন্টারফেসকে প্রভাবিত করে না কারণ বিষয়বস্তুটি কেবল প্রদর্শিত হয় না। তবে ফর্ম জমা দেওয়ার সময় এটি একই গ্রুপের বেশ কয়েকটি বোতামের মধ্যে পার্থক্য করতে ব্যবহার করা যেতে পারে।

সিনট্যাক্স

−

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

মান বৈশিষ্ট্য −

সেট করুন

radioObject.value = text;

এখানে, রেডিও বোতামের মান নির্দিষ্ট করার জন্য টেক্সট ব্যবহার করা হয়।

উদাহরণ

ইনপুট রেডিও ভ্যালু প্রোপার্টি −

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

<!DOCTYPE html>
<html>
<body>
<h1>Input radio Value property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="BTN1" value="Mango" >Mango
<br>
</form>
<p>Get the above element value by clicking the below button</p>
<button type=”button” onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
   function getValue() {
      var t = document.getElementById("BTN1").value;
      document.getElementById("Sample").innerHTML = "The value for the radio button is : "+t;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

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

"মূল্য পান" বোতামে ক্লিক করলে -

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

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

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

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

<form>
FRUIT:
<input type="radio" name="fruits" id=”BTN1" value=”mango>Mango
</form>

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

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

getValue() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভ্যারিয়েবল টি-তে এর “মান” অ্যাট্রিবিউট মান নির্ধারণ করে। রেডিও বোতামের জন্য মান বৈশিষ্ট্য নির্দিষ্ট করা না থাকলে এটি একটি খালি স্টিং ফেরত দেবে৷ এই ভেরিয়েবলটি তারপর তার অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয় -

function getValue() {
   var t = document.getElementById("PASS1").value;
   document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}