বিবরণ
HTML DOM Input Radio defaultChecked প্রোপার্টি চেক করে যে রেডিও বাটন ডিফল্টভাবে চেক করা আছে কিনা। এটি true রিটার্ন করে যদি রেডিও বাটন চেক করা থাকে অন্যথায় false রিটার্ন করবে।
সিনট্যাক্স
Radio defaultChecked প্রোপার্টির সিনট্যাক্স:
radioObject.defaultChecked
উদাহরণ
Radio defaultChecked প্রোপার্টির একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input Radio defaultChecked property</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango" checked>Mango </form> <br> <button type="button" onclick="checkDefault()">CHECK</button> <p id="Sample"></p> <script> function checkDefault() { var c = document.getElementById("Mango").checked; document.getElementById("Sample").innerHTML = "The button default checked value is "+c; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="Mango" এবং checked প্রোপার্টি true সেট করা আছে।
- তারপর একটি CHECK বাটন তৈরি করা হয়েছে যা ক্লিক করলে checkDefault() মেথড এক্সিকিউট হবে।
- checkDefault() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট এলিমেন্ট পায়। যেহেতু রেডিও বাটন চেক করা আছে তাই এটি true রিটার্ন করবে যা c ভেরিয়েবলে অ্যাসাইন করা হয়। মানটি "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
