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