jQuery groupe de boutons radio .changement de méthode

Je travaille avec un formulaire avec un bouton radio qui fait partie d'un ensemble de radios et un seul peut être sélectionnée à la fois(pas de problème avec la sélection unique). L'une de ces radios doivent tirer un code à chaque fois qu'il est sélectionné un diferent code lorsqu'il n'est pas sélectionné (une autre radio est sélectionnée), im en utilisant .change méthode et il déclenche le code lorsque vous cliquez sur elle, mais pas quand il perd la sélection. Ce que je veux, c'est à bascule ou être en mesure de savoir quand il perd la sélection.

Je pourrais le faire en ajoutant le code pour les autres radios .change méthode, mais il y a beaucoup de jeux de radios et il serait douloureux, je suis à la recherche d'une config.

Modifier

Le balisage est fait de ASP MVC moteur de Rasoir comme ceci:

@Html.RadioButtonFor(x => x.SomeModel, new { @class = "special-radio" })
@* Other radios but without the 'specia-radio' class *@

js:

//logging
$(function(){
  $('.special-radio').change(function(){
    console.log('change');
  });
});

La chaîne de modification s'affiche uniquement lorsque vous cliquez sur le "special-la radio" radio.

Partager du code.

OriginalL'auteur loki | 2012-08-31

  1. 4

    Vous pouvez le faire en utilisant le changement de l'événement sur les ondes de radio de groupe de cette façon,

    cochez cette question,

    Surveillance lorsqu'un bouton radio est coché

    changement de méthode n'est pas de travailler avec lui, car, il/elle est l'application sur un seul bouton radio à la place du groupe.

    OriginalL'auteur maximus ツ

  2. 3

    Il n'y a aucun évènement déclenché lorsqu'une radio n'est pas cochée, parce que ce serait redondant. Essayez plutôt ceci:

    http://jsfiddle.net/hmartiro/g4YqD/1/

    Il met un événement de changement sur l'ensemble des radios et juste en déclenche un événement si la radio sélectionnée est spécial et un autre dans le cas contraire.

    Elle ne s'adapte pas parfaitement à mon problème parce que j'ai plusieurs groupes de radios, mais c'est un bon point de départ.
    Vous pouvez utiliser $('input[name=foo]') si vous voulez sortir un jeu.

    OriginalL'auteur hayk.mart

  3. 2

    Si l'ajout d'une classe n'est pas possible. Vous pouvez utiliser un récipient avec de l'identificateur de ces boutons radio. De cette façon, vous pouvez isoler le changement de l'événement.
    DÉMO DE VIOLON

    var prev_data;
$('#special_radios input').change(function(){
    var me = $(this);
    //running function for check
  $('#log').html('<p>firing event for check: '+ me.attr('id') +'</p>');
    if(prev_data)
      uncheck_method(prev_data);  
  prev_data = me;
});

//@param obj = jquery raidio object
function uncheck_method(obj){
    $('#log').append('<p>firing event for uncheck: '+obj.attr('id')+'</p>');
    obj.prop('checked', false) 
    //console.log($('#special_radios input:checked'));
}

​

    html

    <input type="radio" name="zz" id="5"/>
<div id="special_radios">
   <input type="radio" name="rx" id="1"/>
   <input type="radio" name="ry"  id="2" />
   <input type="radio" name="rz" id="3"/>
   <input type="radio" name="ra"  id="4"/>
</div>
<div id="log"></div>
​

    OriginalL'auteur Bob