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