জাভাস্ক্রিপ্টে চেকবক্স চেক করা

মনে করুন নিচের ইনপুট টাইপ চেকবক্সগুলো আছে −

<lable>John</lable> <input id="checkedValue1" type="checkbox"> <lable>David</lable> <input id="checkedValue2" type="checkbox">

আমরা যেকোনো একটি চেকবক্স চেক করতে চাই। চেকবক্স চেক করতে checked প্রোপার্টি ব্যবহার করুন।

উদাহরণ

নিচে কোডটি দেওয়া হলো −

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body>    <lable>John</lable>    <input id="checkedValue1" type="checkbox">    <lable>David</lable>    <input id="checkedValue2" type="checkbox"> </body> <script>    document.querySelector('#checkedValue2').checked = true </script> </html>

প্রোগ্রাম চালাতে ফাইল নাম anyName.html(index.html) হিসেবে সেভ করুন। VS Code এডিটরে ফাইলটি রাইট-ক্লিক করে "Open with live server" অপশনটি সিলেক্ট করুন −

আউটপুট

আউটপুট নিচের মত −