jQuery का उपयोग करके, यदि कोई रेडियो बटन चुना जाता है तो एक टेक्स्टबॉक्स छुपाएं

Question

मेरे पास 2 रेडियो बटन हैं, जो मैं चाहता हूं कि कोई उपयोगकर्ता शीर्ष रेडियो बटन का चयन करता है और फिर टेक्स्टबॉक्स छुपाता है।

यह सुनिश्चित नहीं है कि किसी रेडियो बटन पर ईवेंट कैसे बाध्य करें।

Answer 1

कुछ इस तरह:

<input type="radio" name="foo" value="top" /> 
<input type="radio" name="foo" value="bottom" /> 

और jQuery में:

$('input[name=foo]').click(function() { 
    if($(this).val() == "top") { 
     $('#textbox').hide(); 
    } else { 
     $('#textbox').show(); 
    } 
}); 

click क्योंकि change IE पर सही ढंग से काम करने के लिए प्रतीत नहीं होता।

Answer 2

यह आपको किसी चयनित रेडियो पर ईवेंट जोड़ने की अनुमति देगा, यदि आपके रेडियो के समान नाम नहीं है।

$('checkbox-selector').click(function() { 
    if ($(this).is(':checked')) { 
     $('textbox-selector').hide(); 
    } 
    else { 
     $('textbox-selector').show(); 
    } 
});