kliknij lub zmień wydarzenie w radiu za pomocą jquery

Question 1

Mam na stronie jakieś radia i chcę coś zrobić jak zmieni się sprawdzone radio, jednak kod nie działa w IE:

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

Po wygooglowaniu ludzie sugerują zamiast tego użycie kliknięcia . Ale to nie działa.

Oto przykładowy kod:

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

Nie działa również w IE.

Więc chcę wiedzieć, co się dzieje?

Obawiam się też, czy ponownie wyzwoli zdarzenie zmiany, jeśli kliknę zaznaczone radio?

AKTUALIZACJA:

Nie mogę dodać komentarza, więc odpowiadam tutaj.

Używam IE8 i link, który daje mi Furqan, również nie działa w IE8. Nie wiem dlaczego...

Question 2

Ten kod zadziałał dla mnie:

$(function(){

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

});

http://jsfiddle.net/3q29L/

Question 3

Możesz określić atrybut nazwy, jak poniżej:

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

Question 4

U mnie też działa, tutaj jest lepsze rozwiązanie:

fiddle demo

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

Musisz upewnić się, że zainicjowałeś jqueryprzede wszystkim inne funkcje importu i javascript. Ponieważ $jest jqueryfunkcją. Parzysty

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

nie sprawdzi jqueryzainicjowanych lub nie. Zapewni to, że <code>będzie działać dopiero po zainicjowaniu wszystkich skryptów javascriptu.

Question 5

Próbować

$(document).ready(

zamiast

$('document').ready(

lub możesz użyć formy skróconej

$(function(){
});

Question 6

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

Rozwiń fragment

Ta składnia jest nieco bardziej elastyczna w obsłudze zdarzeń. Nie tylko można obserwować „zmiany”, ale także można tu kontrolować inne typy zdarzeń za pomocą jednego modułu obsługi zdarzeń. Możesz to zrobić, przekazując listę zdarzeń jako argumenty do pierwszego parametru. Zobacz jQuery On

Po drugie, .change () jest skrótem do .on ("zmiana", obsługa). Zobacz tutaj . Wolę używać .on () zamiast .change, ponieważ mam większą kontrolę nad zdarzeniami.

Na koniec po prostu pokazuję alternatywną składnię, aby dołączyć zdarzenie do elementu.

Answer 1

Mam na stronie jakieś radia i chcę coś zrobić jak zmieni się sprawdzone radio, jednak kod nie działa w IE:

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

Po wygooglowaniu ludzie sugerują zamiast tego użycie kliknięcia . Ale to nie działa.

Oto przykładowy kod:

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

Nie działa również w IE.

Więc chcę wiedzieć, co się dzieje?

Obawiam się też, czy ponownie wyzwoli zdarzenie zmiany, jeśli kliknę zaznaczone radio?

AKTUALIZACJA:

Nie mogę dodać komentarza, więc odpowiadam tutaj.

Używam IE8 i link, który daje mi Furqan, również nie działa w IE8. Nie wiem dlaczego...

Answer 2

1

Której wersji IE używasz do testu? Twój kod działa dla mnie w IE8. Masz rację, że zdarzenie zostanie wywołane, jeśli klikniesz zaznaczone radio. Aby tego uniknąć, musisz sprawdzić swój kod.

kgiannakakis

Answer 3

to działa dla mnie, sprawdź następujące jsfiddle.net/NerXh

Furqan Hameedi

Answer 4

111

Ten kod zadziałał dla mnie:

$(function(){

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

});

http://jsfiddle.net/3q29L/

alexl
źródło

4

Nie działa to dla mnie, gdy celem jest jedno radio, a wybranie innego powoduje odznaczenie innego radia.

Doug Amos

1

Z wyjątkiem sytuacji, gdy wydajność jest problemem na stronie zawierającej wiele elementów. W takim przypadku użyj $('input[type=radio]')zamiast tego (patrz „uwagi dodatkowe”: api.jquery.com/radio-selector )

jemmons

Answer 5

4

Nie działa to dla mnie, gdy celem jest jedno radio, a wybranie innego powoduje odznaczenie innego radia.

Doug Amos

Answer 6

1

Z wyjątkiem sytuacji, gdy wydajność jest problemem na stronie zawierającej wiele elementów. W takim przypadku użyj $('input[type=radio]')zamiast tego (patrz „uwagi dodatkowe”: api.jquery.com/radio-selector )

jemmons

Answer 7

72

Możesz określić atrybut nazwy, jak poniżej:

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

Iwao Nishida
źródło

8

Mniej dwuznaczności. Dużo lepsza praktyka. +1

Jacks_Gulch

Answer 8

8

Mniej dwuznaczności. Dużo lepsza praktyka. +1

Jacks_Gulch

Answer 9

U mnie też działa, tutaj jest lepsze rozwiązanie:

fiddle demo

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

Musisz upewnić się, że zainicjowałeś jqueryprzede wszystkim inne funkcje importu i javascript. Ponieważ $jest jqueryfunkcją. Parzysty

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

nie sprawdzi jqueryzainicjowanych lub nie. Zapewni to, że <code>będzie działać dopiero po zainicjowaniu wszystkich skryptów javascriptu.

Answer 10

7

Próbować

$(document).ready(

zamiast

$('document').ready(

lub możesz użyć formy skróconej

$(function(){
});

rahul
źródło

Answer 11

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

Rozwiń fragment

Ta składnia jest nieco bardziej elastyczna w obsłudze zdarzeń. Nie tylko można obserwować „zmiany”, ale także można tu kontrolować inne typy zdarzeń za pomocą jednego modułu obsługi zdarzeń. Możesz to zrobić, przekazując listę zdarzeń jako argumenty do pierwszego parametru. Zobacz jQuery On

Po drugie, .change () jest skrótem do .on ("zmiana", obsługa). Zobacz tutaj . Wolę używać .on () zamiast .change, ponieważ mam większą kontrolę nad zdarzeniami.

Na koniec po prostu pokazuję alternatywną składnię, aby dołączyć zdarzenie do elementu.

Answer 12

Jak to faktycznie różni od Iwao Nishida za odpowiedź ?

Wszyscy pracownicy są niezbędni

Answer 13

jest inny, ponieważ nie używa .change (), ale .on (). Nie ma powodu, aby tę odpowiedź negatywnie oceniać.

luis,

kliknij lub zmień wydarzenie w radiu za pomocą jquery

Odpowiedzi:

fiddle demo