jquery kullanarak radyoda etkinliği tıklayın veya değiştirin

Question 1

Sayfamda bazı radyolar var ve kontrol edilen radyo değiştiğinde bir şeyler yapmak istiyorum, ancak kod IE'de çalışmıyor:

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

Google'da arama yaptıktan sonra, insanlar bunun yerine tıklamayı kullanmanızı önerir . Ama bu çalışmıyor.

Örnek kod şudur:

<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'de de çalışmaz.

Yani neler olduğunu bilmek istiyorum?

Ayrıca, kontrol edilen bir radyoyu tıklarsam değişiklik olayını yeniden tetikleyip tetiklemeyeceğinden korkuyorum.

GÜNCELLEME:

Yorum ekleyemiyorum, bu yüzden buraya cevap veriyorum.

IE8 kullanıyorum ve Furqan'ın bana verdiği bağlantı da IE8'de çalışmıyor. Sebebini bilmiyorum...

Question 2

Bu kod benim için çalıştı:

$(function(){

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

});

http://jsfiddle.net/3q29L/

Question 3

İsim niteliğini aşağıdaki gibi belirtebilirsiniz:

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

Question 4

Benim için de çalışıyor, işte daha iyi bir çözüm:

keman demosu

<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>

jqueryTüm diğer içe aktarmaların ve javascript işlevlerinin üzerinde başlattığınızdan emin olmalısınız . Çünkü $bir jqueryişlevdir. Hatta

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

jquerybaşlatılmış olup olmadığını kontrol etmeyecektir. O sağlayacaktır <code>bütün javascripts başlatılır sonra yayınlanacaktır.

Question 5

Deneyin

$(document).ready(

onun yerine

$('document').ready(

ya da bir steno kullanabilirsiniz

$(function(){
});

Question 6

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

Snippet'i genişlet

Bu sözdizimi, olayları işlemek için biraz daha esnektir. Yalnızca "değişiklikleri" gözlemlemekle kalmaz, aynı zamanda diğer olay türleri de burada tek bir olay işleyicisi kullanılarak kontrol edilebilir. Bunu, olayların listesini argüman olarak ilk parametreye ileterek yapabilirsiniz. JQuery Açık'a bakın

İkinci olarak, .change () .on ("değiştir", işleyici) için bir kısayoldur. Buraya bakın . Olaylar üzerinde daha fazla kontrole sahip olduğum için .change yerine .on () kullanmayı tercih ediyorum.

Son olarak, olayı öğeye eklemek için alternatif bir sözdizimi gösteriyorum.