клацніть або змініть подію на радіо за допомогою jquery

Question 1

У мене є кілька радіостанцій на моїй сторінці, і я хочу щось зробити, коли перевірене радіо змінюється, однак код не працює в IE:

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

А після гуглиння люди пропонують замість цього натиснути кнопку . Але це не працює.

Це приклад коду:

<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, і посилання Furqan дасть мені також не працює в IE8. Я не знаю чому...

Question 2

Цей код працював для мене:

$(function(){

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

});

http://jsfiddle.net/3q29L/

Question 3

Ви можете вказати атрибут name, як показано нижче:

$( '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над усіма іншими функціями імпорту та JavaScript. Тому що $це jqueryфункція. Навіть

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

не перевірятиме jqueryініціалізацію чи ні. Це забезпечить <code>запуск лише після ініціалізації всіх javascripts.

Question 5

Спробуйте

$(document).ready(

замість

$('document').ready(

або ви можете скористатися скороченою формою

$(function(){
});

Question 6

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

Розгорніть фрагмент

Цей синтаксис трохи гнучкіший для обробки подій. Тут ви можете не тільки спостерігати за „змінами“, але й іншими типами подій можна керувати за допомогою одного єдиного обробника подій. Ви можете зробити це, передавши список подій як аргументи першому параметру. Дивіться jQuery On

По-друге, .change () - це ярлик для .on ("зміна", обробник). Дивіться тут . Я вважаю за краще використовувати .on (), а не .change, тому що я більше контролюю події.

Нарешті, я просто показую альтернативний синтаксис для приєднання події до елемента.