Событие jQuery для всех переключателей, затронутых изменением одного [дубликата]

Я думаю, вам нужно добавить функцию изменения на входном уровне, а не на каждом переключателе.

Попробуйте следующее:

$("input[name='a']").change(function() {
  $("input[name='a']").each(function(){
    if(this.checked) {
        // do something when selected
    } else {
        // do something when deselected
    }
  });   
});​

Я думаю, что это может произойти, потому что событие focus запускается перед событием change, поэтому следующая выбранная вами радиостанция будет сфокусирована до того, как предыдущая проверенная радиостанция инициирует событие изменения. Не цитируйте меня на этом, хотя ...

Вы могли бы сделать это следующим образом:

var isChecked = function(id) { alert(id + ': ' + $('#' + id).is(':checked')) }
$('input[name="a"]').change(function(){ isChecked('one') })

Демо: http://jsfiddle.net/elclanrs/ cD5ww /

Вы можете инициировать событие «change» самостоятельно. Немного сложно избежать пусковых переключателей, бесконечно вызывающих событие «change» друг на друга, но это можно сделать следующим образом:

$('input[type="radio"]').each(function() {
    var name = $(this).attr('name');
    var that = this;
    $('input[name="'+name+'"][type="radio"]').not(that)
        .on('change', function(e, alreadyTriggered) {
            if(!alreadyTriggered || alreadyTriggered.indexOf(this) == -1) {
                if(!alreadyTriggered) {
                    alreadyTriggered = [that];
                }
                alreadyTriggered.push(this);
                $(that).trigger('change', [alreadyTriggered]);
            }
    });
});

Вот демо из приведенного выше кода на работе.

Я нашел обходной путь для моего конкретного случая, который может помочь. Это работает, когда событие «отменить выбор» можно применить ко всем переключателям, которые не выбраны.

Я хотел:

1. добавить класс к элементу, когда был выбран радиобуйтон, а
2. удалил этот класс, когда кнопка была «отменена».

Мне посчастливилось найти этот вопрос, потому что у меня была та же проблема:

$('input:radio').on('change', function() {
    if( $(this).is(':checked') ) {
        $(this).addClass('my-class-for-selected-buttons')
    } else { // THIS WILL NEVER HAPPEN
        $(this).removeClass('my-class-for-selected-buttons')
    }
});​

Но в моем случае решение было намного проще, потому что я может попытаться удалить класс из всех радиокнопки довольно просто с помощью jQuery, а затем добавить класс к выбранному:

$('input:radio').on('change', function() {
    $('input:radio').removeClass('my-class-for-selected-buttons') // Here!

    if( $(this).is(':checked') ) {
        $(this).addClass('my-class-for-selected-buttons')
    }
});​

С помощью этой простой настройки мне не нужно было найти способ запуска события «отменить выбор».

Итак, если в вашем случае вы можете применить событие ко всем переключателям, которые не выбраны, а не только к тому, который был «отменен», , вы можете использовать эту меру!

Вы можете создать пользовательское событие «отменить выбор» относительно безболезненно, но поскольку вы уже обнаружили, что стандартное событие изменения запускается только на недавно установленном переключателе, а не на ранее проверенном, который только что был снят.

Если вы хотите сказать что-то вроде:

$("#one").on("deselect", function() {
    alert("Radio button one was just deselected");
});

Затем запустите что-то вроде следующей функции из обработчика готового документа (или поместите код непосредственно в документ готов обработчик):

function setupDeselectEvent() {
    var selected = {};
    $('input[type="radio"]').on('click', function() {
        if (this.name in selected && this != selected[this.name])
            $(selected[this.name]).trigger("deselect");
        selected[this.name] = this;
    }).filter(':checked').each(function() {
        selected[this.name] = this;
    });
}

Рабочая демонстрация: http://jsfiddle.net/s7f9s/2

Что это делает, так это поместить обработчик кликов на все радиостанции на странице (это не останавливает добавление ваших собственных обработчиков событий кликов к тем же радиостанциям), которые будут проверять, было ли ранее выбранное радио в той же группе (то есть с тем же именем), и если это вызвано событие «отменить выбор» на , которое радио. Затем он сохраняет только что щелкнутый, как текущий. Событие «отменить выбор» не запускается, если вы нажмете уже проверенную радиостанцию ​​или если ранее не было отмечено. Бит .filter().each() в конце состоит в том, чтобы отметить, какие радиостанции уже выбраны . (Если вам нужно обслуживать более одной формы на той же странице, имеющей независимые радиогруппы с таким же именем, тогда обновите соответствующую функцию соответственно.)

показывает это для ya?

http://jsfiddle.net/WZND9/6/

 $('input').change(function() {
    if ($('#one').is(':checked')) {
        alert('checked');
    } else { 
        alert('not checked');
    }
 }); 

Я обнаружил, что самый простой способ сделать это, не вставляя новую структуру для создания события deselected, заключается в том, чтобы изменить любую кнопку , запускающую событие update на всех переключатели в своей группе, а затем определите поведение, которое вы хотите в событии обновления.

Недостатком является то, что код в ветке отмены выбора будет работать, даже если переключатель не был выбран ранее. Если все, что вы делаете, просто показывает, скрывает или отключает элементы пользовательского интерфейса, это не имеет большого значения.

Чтобы использовать ваш пример:

buttons = $('input[name="a"]');
buttons.change(function() {
    buttons.trigger('update:groupA');

}).bind('update:groupA', function(){
    if(this.checked) {
        //Do your checked things
    } else {
        //Do your unchecked things. Gets called whenever any other button is selected, so don't toggle or do heavy computation in here.
    }
});​