বিবরণ
HTML DOM Input Radio value প্রোপার্টি type="radio" ইনপুট এলিমেন্ট এবং value অ্যাট্রিবিউটের সাথে জড়িত। এটি রেডিও বাটনের value অ্যাট্রিবিউটের মান রিটার্ন করতে বা সেট করতে ব্যবহৃত হয়।
রেডিও বাটনের জন্য value প্রোপার্টি ওয়েবসাইটের ইউজার ইন্টারফেসকে প্রভাবিত করে না কারণ কন্টেন্ট শুধু প্রদর্শিত হয় না। তবে এটি একই গ্রুপের একাধিক বাটনকে ভিন্ন করতে ব্যবহার করা যায় ফর্ম সাবমিট হওয়ার সময়।
সিনট্যাক্স
Value প্রোপার্টি সেট করার সিনট্যাক্স:
radioObject.value = text;
এখানে, text হলো রেডিও বাটনের জন্য মান নির্দেশ করার জন্য।
উদাহরণ
Input radio value প্রোপার্টির জন্য একটি উদাহরণ:
<!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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
"Get Value" বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="BTN1" এবং value "Mango"।
- তারপর একটি "GET Type" বাটন তৈরি করা হয়েছে যা ক্লিক করলে radioType() মেথড এক্সিকিউট হবে। (নোট: উদাহরণে ফাংশন নাম getValue() কিন্তু বাটন onclick-এ radioType() লেখা আছে, এটি একটি ত্রুটি হতে পারে।)
- getValue() মেথড getElementById() ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং এর "value" অ্যাট্রিবিউটের মান t ভেরিয়েবলে অ্যাসাইন করে। এটি খালি স্ট্রিং রিটার্ন করবে যদি value অ্যাট্রিবিউট রেডিও বাটনের জন্য স্পেসিফাই করা না থাকে। এই ভেরিয়েবলটি "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
