ডিফল্টভাবে একটি রেডিও বোতাম নির্বাচন করতে আমাদের এটিকে সত্য হিসাবে চেক করতে হবে . যদি এটি চেক করা হয় যেমন সত্য তারপর ডিফল্টরূপে এটি অটোফোকাসড হবে .
নিম্নলিখিত উদাহরণে, আমাদের কাছে শুধুমাত্র রেডিও বোতাম রয়েছে এবং সেগুলির কোনোটিই অটোফোকাসড নয় .
উদাহরণ
<html> <form id="radiobuttons" name="radiobutton"> <input id="rad1" value="a" type="radio" name="check"/>male <input id="rad2" value="b" type="radio" name="check"/>female <input id="rad3" value="c" type="radio" name="check"/>other </form> <body> </body> </html>
উপরের কোডটি কার্যকর করা হলে আমরা রেডিও বোতাম পাব এবং নিচের চিত্রের মতো সেগুলির কোনোটিই অটোফোকাস করা হবে না।
আউটপুট
অটোফোকাস করতে উপরের যে কোনো বোতাম আমাদের প্রাথমিকভাবে চেক করতে হবে। নিম্নলিখিত উদাহরণে দেখানো হিসাবে বিশুদ্ধ জাভাস্ক্রিপ্ট ব্যবহার করে এটি করা যেতে পারে।
উদাহরণ
<html> <form id="radiobuttons" name="radiobutton"> <input id="rad1" value="a" type="radio" name="check"/>male <input id="rad2" value="b" type="radio" name="check"/>female <input id="rad3" value="c" type="radio" name="check"/>other </form> <body> <script> radiobtn = document.getElementById("rad1"); radiobtn.checked = true; </script> </body> </html>
উপরের কোডটি কার্যকর করার পরে, আমরা নিম্নলিখিত আউটপুট পাব।
আউটপুট