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

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


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



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

:checkbox সিলেক্টরের মাধ্যমে type="checkbox" যুক্ত সকল ইনপুট এলিমেন্টকে সিলেক্ট করা হয়।



সিনট্যাক্স

$(":checkbox") 


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

type="checkbox" যুক্ত সকল ইনপুট এলিমেন্ট সিলেক্ট

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

উদাহরণঃ

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

  <form>
    username/email: <input type="text"><br>
    name: <input type="text"><br>
    Gender:<br>
      Male <input type="radio" name="sex" value="male"><br>
      Female <input type="radio" name="sex" value="female"><br>
    password: <input type="password"><br>
    <input type="checkbox"> I agree with your terms!!<br>
    <button type="button">Sign Up</button>    
  </form>

</body>
</html>

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

ফলাফল





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