रेडियो सेलेक्टर
सेलेक्टर :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->
