বিবরণ
HTML DOM Input Radio name প্রোপার্টি ব্যবহার করা হয় ইনপুট রেডিও ফিল্ডের name অ্যাট্রিবিউট সেট বা রিটার্ন করার জন্য। Name অ্যাট্রিবিউট ফর্ম ডেটা সার্ভারে সাবমিট হওয়ার পর সেটাকে চিনতে সাহায্য করে। জাভাস্ক্রিপ্টও name অ্যাট্রিবিউট ব্যবহার করে ফর্ম এলিমেন্টকে রেফার করতে পারে পরবর্তীতে ম্যানিপুলেট করার জন্য।
সিনট্যাক্স
Name প্রোপার্টি সেট করার সিনট্যাক্স:
radioObject.name = name
এখানে, name হলো রেডিও বাটনের নাম নির্দেশ করার জন্য।
উদাহরণ
Radio name প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input radio name Property</h1> <form id="FORM1"> FRUIT: <input type="radio" name="fruits" id="Orange">Orange </form> <p>Change the name of the above radio button by clicking the below button</p> <button type="button" onclick="changeName()">CHANGE NAME</button> <p id="Sample"></p> <script> function changeName() { document.getElementById("Orange").name ="colors" ; document.getElementById("Sample").innerHTML = "Radio button name is now colors"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE NAME বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="Orange"।
- তারপর একটি CHANGE NAME বাটন তৈরি করা হয়েছে যা ক্লিক করলে changeName() মেথড এক্সিকিউট হবে।
- changeName() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট ফিল্ড পায় এবং এর name অ্যাট্রিবিউটের মান "colors" সেট করে। এই পরিবর্তনটি "Sample" id वाले প্যারাগ্রাফে প্রতিফলিত হয় এবং innerHTML প্রোপার্টি ব্যবহার করে নির্দিষ্ট টেক্সট প্রদর্শন করা হয়।
