Verknüpfen Sie doppelte Optionsfelder

Question

So, ich möchte eine Reihe von Optionsfeldern mehrere Stellen auf einer Seite anzeigen. Ich möchte, dass der Status der Optionsfelder verknüpft wird. Wählen Sie Option A auf einem Formular aus, und wählen Sie Option A in allen Formularen aus.

Entschuldigung, dass keine Beispiele enthalten sind. Hier

ist die Idee.

<form id="serverForm"> 
    <input type="radio" name="@(site.SiteID)" class="serverRadio" value="All"> All 
    <input type="radio" name="@(site.SiteID)" class="serverRadio" value="DS1"> DS1 
    <input type="radio" name="@(site.SiteID)" class="serverRadio" value="DS2"> DS2 
    <input type="radio" name="@(site.SiteID)" class="serverRadio" value="IS1"> IS1 
</form> 

Diese Form erstellt werden wird dynamisch mehrere Male in Abhängigkeit von der Größe der Schlaufen die darin enthaltenen in Ich möchte jede dieser Formen im wesentlichen als dupliziert handeln. Klicken Sie auf eine Option, um alle zu aktualisieren.

Answer 1

1. Geben Sie allen Radiobuttons ein Klassenattribut.
2. Fügen Sie ein "on Click" -Ereignis für diese Klasse hinzu.
3. Überprüfen Sie den Wert des angeklickt Optionsfeld im Falle
4. den Wert mit anderen Radiobuttons (in einer Schleife für alle Radio-Buttons) vergleichen, wenn es das gleiche das Attribut setzen „geprüft“ auf wahr

PS: Teilen Sie Ihren Code das nächste Mal, damit ein einfaches Codebeispiel bereitgestellt werden kann oder sogar die vollständige Lösung.

Answer 2

1.) Machen Sie alle Position 1 Tasten von Formularen zu gleichen Div und Position 2 Tasten zu anderen gleichen div und so weiter. 2.) Verwenden Sie eine beliebige Technik (wie auf jede Funktion zu leiten oder ein OnClick-Ereignis in jquery) Hinzufügen der geänderten Klasse zu überprüfen, wie: -

$(".class_to_be_checked").attr("checked","checked");