jquery का उपयोग करके रेडियो पर ईवेंट पर क्लिक करें या बदलें

Question 1

मेरे पेज में कुछ रेडियो हैं, और मैं कुछ करना चाहता हूं जब चेक किए गए रेडियो में बदलाव होता है, हालांकि कोड IE में काम नहीं करता है:

$('input:radio').change(...);

और googling के बाद, लोग सुझाव देते हैं कि इसके बजाय क्लिक का उपयोग करें । लेकिन यह काम नहीं करता है।

यह उदाहरण कोड है:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script type="text/javascript">
            $('document').ready(
                function(){
                    $('input:radio').click(
                        function(){
                            alert('changed');   
                        }
                    );  
                }
            );

        </script>
    </head>
    <body>
        <input type="radio" name="testGroup" id="test1" />test1<br/>
        <input type="radio" name="testGroup" id="test2" />test2<br/>
        <input type="radio" name="testGroup" id="test3" />test3</br>
    </body>
</html>

यह IE में भी काम नहीं करता है।

इसलिए मैं जानना चाहता हूं कि क्या चल रहा है?

अगर मैं एक चेक किए गए रेडियो पर क्लिक करता हूं, तो भी मुझे डर है कि क्या यह बदलाव की घटना को पीछे छोड़ देगा?

अपडेट करें:

मैं टिप्पणी नहीं जोड़ सकता, इसलिए मैं यहां उत्तर देता हूं।

मैं IE8 का उपयोग करता हूं और फुरकान मुझे जो लिंक देता है वह IE8 में भी काम नहीं करता है। मुझे नहीं पता क्यों...

Question 2

इस कोड ने मेरे लिए काम किया:

$(function(){

    $('input:radio').change(function(){
        alert('changed');   
    });          

});

http://jsfiddle.net/3q29L/

Question 3

आप नीचे के रूप में नाम विशेषता निर्दिष्ट कर सकते हैं:

$( 'input[name="testGroup"]:radio' ).change(

Question 4

मेरे लिए भी काम करता है, यहाँ एक बेहतर समाधान है ::

फिडल डेमो

<form id="myForm">
  <input type="radio" name="radioName" value="1" />one<br />
  <input type="radio" name="radioName" value="2" />two 
</form>

<script>
$('#myForm input[type=radio]').change(function() {       
    alert(this.value);
});
</script>

आपको यह सुनिश्चित करना चाहिए कि आपने jqueryअन्य सभी आयातों और जावास्क्रिप्ट फ़ंक्शंस के ऊपर इनिशियलाइज़ किया है। क्योंकि $एक jqueryफ़ंक्शन है। यहाँ तक की

$(function(){
 <code>
});

jqueryआरम्भिक जाँच होगी या नहीं। यह सुनिश्चित करेगा कि <code>सभी जावास्क्रिप्ट शुरू होने के बाद ही चलेंगे।

Question 5

प्रयत्न

$(document).ready(

के बजाय

$('document').ready(

या आप शॉर्टहैंड फॉर्म का उपयोग कर सकते हैं

$(function(){
});

Question 6

$( 'input[name="testGroup"]:radio' ).on('change', function(e) {
     console.log(e.type);
     return false;
});

स्निपेट का विस्तार करें

घटनाओं को संभालने के लिए यह वाक्यविन्यास थोड़ा अधिक लचीला है। न केवल आप "परिवर्तन" का निरीक्षण कर सकते हैं, बल्कि अन्य प्रकार की घटनाओं को भी एक ही घटना हैंडलर का उपयोग करके नियंत्रित किया जा सकता है। आप पहले पैरामीटर के लिए तर्कों के रूप में घटनाओं की सूची को पास करके ऐसा कर सकते हैं। JQuery पर देखें

दूसरे, .change () .on ("परिवर्तन", हैंडलर) के लिए एक शॉर्टकट है। यहाँ देखें । मैं .on के बजाय .on () का उपयोग करना पसंद करता हूं क्योंकि घटनाओं पर मेरा अधिक नियंत्रण है।

अंत में, मैं बस तत्व को घटना को संलग्न करने के लिए एक वैकल्पिक वाक्यविन्यास दिखा रहा हूं।