HTML DOM ইনপুট রেডিও নামের বৈশিষ্ট্যটি একটি ইনপুট রেডিও ক্ষেত্রের নাম বৈশিষ্ট্য সেট বা ফেরানোর জন্য ব্যবহৃত হয়। নাম বৈশিষ্ট্য সার্ভারে জমা দেওয়ার পরে ফর্ম ডেটা সনাক্ত করতে সহায়তা করে। জাভাস্ক্রিপ্ট পরবর্তীতে ম্যানিপুলেট করার জন্য ফর্ম উপাদানগুলিকে উল্লেখ করার জন্য নাম বৈশিষ্ট্য ব্যবহার করতে পারে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলনামের সম্পত্তি সেট করা হচ্ছে।
radioObject.name = 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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ নাম বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে টাইপ=”রেডিও”, নাম=”ফল”, আইডি=”কমলা” -
সহ একটি ফর্মের ভিতরে একটি ইনপুট উপাদান তৈরি করেছি।<form> FRUIT: <input type="radio" name="fruits" id="Orange">Orange </form>
তারপরে আমরা একটি CHANGE NAME বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeName() পদ্ধতিটি কার্যকর করবে -
<button type=”button” onclick="changeName()">CHANGE NAME</button>
changeName() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেডিও সহ ইনপুট ক্ষেত্র পেতে এবং এর নামের বৈশিষ্ট্যের মান "রঙ" এ সেট করে। এই পরিবর্তনটি তারপর "নমুনা" আইডি সহ একটি অনুচ্ছেদে প্রতিফলিত হয় এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে উদ্দেশ্যযুক্ত পাঠ্য প্রদর্শন করা হয় −
function changeName() {
document.getElementById("Orange").name ="colors" ;
document.getElementById("Sample").innerHTML = "Radio button name is now colors";
} 