Synchonisation ‚radiogroups‘ mit jQuery

Question

Es werde zwei - gleich in Form von Optionen - Radio Gruppen A und B. Ich versuche, über jQuery zu garantieren, dass, wenn einige Option in A ausgewählt ist, dann ist es entsprechende Option ist ausgewählt in B, und umgekehrt.

Mein aktueller Ansatz ist diese:

$(document).ready(function() { 
    $(".groupA > input").click(function() { 
     $(".tutored-radio > input ").click(); 
    }); 

    $(".groupB > input").click(function() { 
     $(".online-radio > input").click(); 
    }); 
}); 

Hinweis: jedes Optionsfeld innerhalb einer Spanne ist. Ich habe die Klasse nicht direkt der Eingabe zugewiesen, da es in einem von asp.net generierten Runtime-ListItem schwierig ist.

Das offensichtliche Problem ist, dass es ist eine Endlosschleife: es ein Element klickt und löst die Klick-Aktion, die es wieder klicken, und so weiter ...

Was sind Ihre Vorschläge Dies? Ich habe einige Ideen, aber ich habe sie nicht erwähnt, weil ich denke, dass sie zu "hacky" sind, aber wenn sie sich als notwendig erweisen werden, werden sie darüber reden.

Vielen Dank im Voraus!

Answer 1

anstatt versuchen, klicken Sie auf den arrtibute Tag einstellen.

$(document).ready(function() { 
    $(".groupA > input").click(function() { 
     $(".tutored-radio > input ").attr(”checked”, “checked”); 
    }); 

    $(".groupB > input").click(function() { 
     $(".online-radio > input").attr(”checked”, “checked”); 
    }); 
}); 

Answer 2

Wenn Sie entsprechende Option sagen, was meinst du? Ich werde Sie value

etwas wie das folgende

$(function() { 

    $('span:has(input:radio)').click(function() {    
     var $this = $(this); 
     var val = $('input:radio', $this).attr('checked','checked').val(); 
     var group = $this.hasClass('groupA') ? '.groupB' : '.groupA';  
     $(group + '> input:radio[value="' + val + '"]').attr('checked','checked');    
    }); 

}); 

ist funktioniert bedeuten nehmen hier ein Working Demo