2010-12-16 15 views
11

उपयोगकर्ता द्वारा कोई टिप्पणी सबमिट करने के बाद, मैं टेक्स्टरेरा और शिखर बटन को "अक्षम" और कुछ हद तक दृष्टि से अक्षम करना चाहता हूं।मैं textarea + सबमिट बटन को अक्षम करने के लिए jQuery का उपयोग कैसे करूं?

यूट्यूब की तरह।

मैं सबसे आसान प्लगइन और/या विधि का उपयोग कर Jquery के साथ ऐसा कैसे कर सकता हूं?

उत्तर

29

बस अपने इनपुट तत्वों पर disabled विशेषता निर्धारित बटन क्लिक होने:

$("#mybutton").click(function(){ 
    $("#mytext,#mybutton").attr("disabled","disabled"); 
}); 

उदाहरण: http://jsfiddle.net/jonathon/JcXjG/

+11

या आप '.attr कर सकते हैं (" अक्षम ", सच)' और '.attr (" अक्षम ", झूठी)'। –

2
$(document).ready(function() { 
    $('#idOfbutton').click(function() { 
     $('#idOfTextarea').attr("disabled", "disabled"); 
     $('#idOfbutton').attr("disabled", "disabled"); 
    }); 
}); 

यह मूलतः कहते हैं: जब दस्तावेज़ "तैयार" है, जो पाठ क्षेत्र (एचटीएमएल आईडी "idOfTextarea" की disabled विशेषता सेट हो जाएगा बटन के (एचटीएमएल आईडी "idOfButton") घटना क्लिक करने के लिए एक ईवेंट हैंडलर देते हैं) और बटन।

1
jQuery(document).ready(function() { 
    $('form').submit(function(){ 
     $('input[type=submit]', this).attr('disabled', 'disabled'); 
    }); 
    }); 
1
 
$('#btn').click(function(){ 
    $(this, '#textarea').attr('disabled', 'disabled'); 
}) 
0

तो पहली घटना जहां उपयोगकर्ता टिप्पणी प्रस्तुत संभाल और उसके बाद textarea अक्षम करें और सबमिट बटन। (मानते हुए कि आपका सबमिट बटन "इनपुट # सबमिट-टिप्पणी" के साथ चुना जा सकता है और आपके टेक्स्टरेरा को "टेक्स्टरेरा" के साथ चुना जा सकता है। एडक्लास भाग वैकल्पिक है लेकिन यदि आपके अक्षम होने पर उन तत्वों को अलग-अलग शैली में स्टाइल करने के लिए उपयोग किया जा सकता है।

$("input#submit-comment").click(function(){ 
    $("textarea").attr("disabled", "disabled").addClass("disabled"); 
    $(this).attr("disabled", "disabled").addClass("disabled"); 
    // ... Actually submit comment here, assuming you're using ajax 
    return false; 
} 
संबंधित मुद्दे

 संबंधित मुद्दे