JQuery радио Изменения не обнаружена связанной функцией

Question

Со следующей HTML:

<input type = "radio" name = "who" class = "number" value = "0" > text </input> 
<input type = "radio" name = "who" class = "number" value = "1" > text </input> 
<input type = "radio" name = "numberS" class = "number" value = "1" > text </input> 
<input type = "radio" name = "numberS" class = "number" value = "2" > text</input> 

и следующих два бита JavaScript:

$('input[class="number"]').bind('change', function(){ 
    alert("Change!"); 
    }) 

function change_radio_button(n){ 
    $('input[class="number"]')[n].checked = true; 
    } 

Как есть, это все работает отлично: выбирая новый радиокнопка вызывает предупреждение, а вызов change_radio_button() изменяет, какой переключатель выбран.

Но когда вызывается change_radio_button() и изменяется выбор переключателя, связанная функция не обнаруживает изменения - предупреждения не происходит. Почему нет? Функция jquery обнаруживает только ручные изменения?

Answer 1

Если у вас есть класс, используйте селектор классов. Использование class в качестве селектора атрибутов не является лучшей практикой.

$('input.number').bind('change', function(){ 
    alert("Change!"); 
}); 

И вы хотите, чтобы стрелять событие изменения использовать trigger или просто позвоните change() метод. Это событие не будет изменено при изменении программных переключателей.

function change_radio_button(n){ 
    $('input.number')[n].checked = true; 
    $('input.number').trigger('change'); 
}