2010-04-15 18 views
30

मुझे यहां कुछ स्पष्ट याद आना चाहिए ... मुझे .change() रेडियो बटन पर आग लगने के लिए नहीं मिल सकता है? मेरे पास नीचे दिए गए कोड here रहते हैं!jQuery .change() रेडियो बटन

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Radio Button jQuery Change</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     console.log("parsed"); 
     $("input[name='rdio']").change(function() { 
      console.log("changed"); 
      if ($("input[name='rdio']:checked").val() == 'a') 
       $("output").text("a changed"); 
      else if ($("input[name='rdio']:checked").val() == 'b') 
       $("output").text("b changed"); 
      else 
       $("output").text("c changed"); 
     }); 
    </script> 
</head> 
<body> 
    <div> 
     <input type="radio" name="rdio" value="a" checked="checked" /> a <br/> 
     <input type="radio" name="rdio" value="b" /> b <br/> 
     <input type="radio" name="rdio" value="c" /> c 
    </div> 
    <h3>Output:</h3> 
    <div id="output"></div> 
</body> 
</html> 

क्या कोई देख सकता है कि मुझे क्या याद आया है?

धन्यवाद, डेनिस

+8

... कम से कम '' '' '$ (" आउटपुट ")' – Leo

+0

आप इसके बजाय इसका उपयोग कर सकते हैं। "इनपुट [name = 'rdio']: चेक")। Val() । यह अधिक कुशल होगा। – Yaroslav

+0

यहां इस संदर्भ के बारे में दस्तावेज़ है https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this – Yaroslav

उत्तर

41

आप डोम के लिए तैयार घटना के अंदर कोड लगाना होगा ...

$(document).ready(function(){ 
    // Your code here 
}); 

वरना स्क्रिप्ट से पहले एचटीएमएल-तत्वों लोड हो जाने पर मार डाला जाता है। इस प्रकार, कोई रेडियोबॉक्स मौजूद नहीं है।

+1

इसे पोस्ट करने के लिए आपको बहुत बहुत धन्यवाद! –

15

आपका

$("output").text("a changed"); 

भी

$("#output").text("a changed"); 

होना चाहिए, क्योंकि यह एक आईडी आप के खिलाफ मिलान कर रहे हैं।

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