কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে রেডিও বাটন ডিফল্টভাবে সিলেক্ট করার পদ্ধতি


রেডিও বাটন ডিফল্টভাবে সিলেক্ট করতে হলে সেটিকে true হিসেবে চেক করতে হয়। যদি checked হিসেবে true সেট করা থাকে, তবে ডিফল্টভাবে সেটি অটোফোকাসড (autofocused) হবে।

নিচের উদাহরণে, শুধু রেডিও বাটন রয়েছে এবং কোনোটিই অটোফোকাসড নয়।

উদাহরণ

<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>

উপরোক্ত কোড এক্সিকিউট করলে নিচের আউটপুট আসবে।

আউটপুট

জাভাস্ক্রিপ্টে রেডিও বাটন ডিফল্টভাবে সিলেক্ট করার পদ্ধতি

  1. জাভাস্ক্রিপ্টে বোতাম ক্লিক হয়েছে কিনা চেক করা

  2. জাভাস্ক্রিপ্টে কোনো অবজেক্ট ক্লাসের ইনস্ট্যান্স কিনা যাচাই করা

  3. জাভাস্ক্রিপ্টে বাটন ক্লিকে div লুকানো

  4. JavaScript-এ বাটন ক্লিকে li এলিমেন্ট রিমুভ করা