জেকুয়েরি :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 মেথডটি ব্যবহার করেছি। কারন কিছু কিছু ব্রাউজারে চেকবক্স বাটনে ব্যাকগ্রাউন্ড কালার সাপোর্ট করে না।
ফলাফল