বিবরণ
HTML DOM Input Radio disabled প্রোপার্টি ব্যবহার করা হয় রেডিও বাটন ডিসেবল করা উচিত কিনা সেট বা রিটার্ন করার জন্য। এটি বুলিয়ান মান ব্যবহার করে যেখানে true মানে এলিমেন্ট ডিসেবল করা উচিত এবং false মানে অন্যথা। Disabled প্রোপার্টি ডিফল্টভাবে false সেট করা থাকে। ডিসেবল করা এলিমেন্ট ডিফল্টভাবে স্লেটি রঙের হয় এবং অনক্লিকেবল।
সিনট্যাক্স
Disabled প্রোপার্টি সেট করার সিনট্যাক্স:
radioObject.disabled = true|false;
এখানে, true= রেডিও বাটন ডিসেবল, false= রেডিও বাটন ডিসেবল নয়। ডিফল্টভাবে false।
উদাহরণ
Input radio disabled প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input radio disabled Property</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form> <p>Disable the above radio button by clicking on the DISABLE button</p> <button type="button" onclick="disableRadio()">DISABLE</button> <p id="Sample"></p> <script> function disableRadio() { document.getElementById("Mango").disabled=true; document.getElementById("Sample").innerHTML = "The radio button is now disabled" ; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
DISABLE বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="Mango"।
- তারপর একটি DISABLE বাটন তৈরি করা হয়েছে যা ক্লিক করলে disableRadio() মেথড এক্সিকিউট হবে।
- disableRadio() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট এলিমেন্ট পায় এবং এর disabled প্রোপার্টি true সেট করে। এটি রেডিও বাটনকে স্লেটি রঙের করে দেয় এবং ব্যবহারকারী আর এর সাথে ইন্টারঅ্যাক্ট করতে পারবে না।
