চেকবক্স সিলেক্টর
সিলেক্টর :checkbox চেকবক্স নির্বাচন করে।
checkbox ট্যাগ দেখুন।
$(':checkbox')-এর সমতুল্য হল
$('[type=checkbox]')।
যেহেতু :checkbox CSS স্পেসিফিকেশনের অংশ নয়,
তাই আধুনিক ব্রাউজারে更好的 পারফরম্যান্সের জন্য এটির পরিবর্তে
[type='checkbox'] ব্যবহার করা ভাল।
সিনট্যাক্স
আমরা এভাবে চেকবক্স নির্বাচন করি:
$(':checkbox');
অন্যান্য সিউডো-ক্লাস সিলেক্টরের মতো
(যেগুলো ':' দিয়ে শুরু), ':'-এর আগে
ট্যাগের নাম বা অন্য কোন সিলেক্টর রাখা ভাল,
না হলে '*' সিলেক্টর প্রয়োগ করা হবে,
অর্থাৎ $(':checkbox')-কে
$('*:checkbox') হিসেবে বিবেচনা করা হবে, তাই এর পরিবর্তে
$('input:checkbox') ব্যবহার করা ভাল।
উদাহরণ
আসুন, সব চেকবক্স নির্বাচন করি, সেগুলোকে
একটি স্প্যানে মোড়াই। তারপর স্প্যানগুলিকে সবুজ ব্যাকগ্রাউন্ড এবং
লাল বর্ডার দিই
css মেথড ব্যবহার করে:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:checkbox')
.wrap('<span></span>')
.parent()
.css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // ফর্ম জমা দেওয়া প্রতিরোধ করে
});
