জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি :checked সিলেক্টর


« জেকুয়েরি সিলেক্টরসমূহ



সংজ্ঞা এবং ব্যবহার

:checked সিলেক্টরের মাধ্যমে checked এট্রিবিউটযুক্ত চেকবক্স এবং রেডিও বাটনকে সিলেক্ট করে হয়।



সিনট্যাক্স ও ব্যাখ্যা

$(":checked")


:checked সিলেক্টর সংক্রান্ত উদাহরণ

সকল checked চেকবক্স এলিমেন্টকে সিলেক্ট (চেকবক্স এবং রেডিও বাটন)

নিচের উদাহরণে :checked সিলেক্টরের ব্যবহার দেখানো হলোঃ

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
  <title>জেকুয়েরি :checked সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $(":checked").wrap("<span></span>").parent().css({
        "background-color": "yellow",
        "border": "4px solid red",
    });
  });
  </script>
</head>
<body>

  <form>
    Name: <input type="text" name="user"><br>
    Educational Qualification:<br>
      JSC <input type="checkbox" checked="checked"><br>
      SSC <input type="checkbox" checked="checked"><br>
      HSC <input type="checkbox" checked="checked"><br>
      BBA <input type="checkbox"><br>
      PHD <input type="checkbox"> 
  </form>

</body>
</html> 

বিঃদ্রঃ সিলেক্ট করা এলিমেন্টটি হাইলাইট করার জন্য আমরা জেকুয়েরি .wrap মেথডটি ব্যবহার করেছি। কারন কিছু কিছু ব্রাউজারে চেকবক্স বাটনে ব্যাকগ্রাউন্ড কালার সাপোর্ট করে না।

ফলাফল





« জেকুয়েরি সিলেক্টরসমূহ