হ্যাঁ, জেকোয়েরি ব্যবহার করে সিলেক্ট করা চেকবক্সের মান পাওয়া যায় input কনসেপ্ট এবং :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> <input type="checkbox" name="checkDemo" id="check1" value="Cricket" /> <label for="check1">Cricket</label> <input type="checkbox" name="checkDemo" id="check2" value="Listening Music" /> <label for="check2">Listening Music</label> <input type="checkbox" name="checkDemo" id="check3" value="Reading NewsPaper" /> <label for="check3">Reading NewsPaper</label> <br> <button type="button">Click Me</button> <script> $(document).ready(function () { $("button").click(function () { $('input[name="checkDemo"]:checked').each(function () { console.log(this.value); }); }); }); </script> </html>
প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html) এবং ফাইলটিতে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।
এটি নিচের আউটপুটটি দেবে:
এখন চেকবক্স সিলেক্ট করুন:
কনসোলে নিচের আউটপুটটি দেখাবে:
