HTML DOM Input Radio checked প্রোপার্টি

বিবরণ

HTML DOM Input Radio checked প্রোপার্টি type="radio" ইনপুট এলিমেন্টের checked প্রোপার্টির সাথে জড়িত। এটি মূলত রেডিও বাটনের checked অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়।

সিনট্যাক্স

Checked প্রোপার্টি সেট করার সিনট্যাক্স:

radioObject.checked = true|false

উদাহরণ

Radio checked প্রোপার্টির জন্য একটি উদাহরণ:

<!DOCTYPE html> <html> <body> <h1>Input Radio checked property</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango <input type="radio" name="fruits" id="Apple">Apple </form> <br><button type="button" onclick="checkApple()">Check Apple</button> <script>    function checkApple() {       document.getElementById("Apple").checked = true;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

"Check Apple" বাটনে ক্লিক করার পর:

উদাহরণের ব্যাখ্যা

• আমাদের দুটি ইনপুট ফিল্ড আছে একটি ফর্মের ভেতরে যাদের সাধারণ অ্যাট্রিবিউট type="radio" এবং name="fruits"। প্রথম রেডিও বাটনের id "Mango" এবং দ্বিতীয়টির id "Apple"।
• তারপর একটি "Check Apple" বাটন তৈরি করা হয়েছে যা ক্লিক করলে checkApple() মেথড এক্সিকিউট হবে।
• checkApple() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট এলিমেন্ট পায় এবং এর checked প্রোপার্টি true সেট করে। এটি apple রেডিও বাটন চেক করে দেয়।