Seite aktualisieren nach Auswahl des Radios-Taste, aber halten Sie die radio-button-Wert

hinzufügen autocomplete='on' Attribut zum input-Feld.

InformationsquelleAutor Vlas Bashynskyi

Laden von $("#divWhichExcludesRadiobutton").load("current/url"); oder fügen Sie im nächsten Skript in das head-tag

var myVal;
$("body").load("current/url", function () { $('input[type="radio"]').val(myVal) });
$('input[type="radio"]').on('change',function(){
       myVal = $(this).attr("value");
       if($(this).attr("value")=="f1"){
           $(".box").hide();
           $(".f1").show();
       }
       if($(this).attr("value")=="f2"){
           $(".box").hide();
           $(".f2").show();
       }
       if($(this).attr("value")=="f3"){
           $(".box").hide();
           $(".f3").show();
       }
});

InformationsquelleAutor iamawebgeek

Als Ihr die Seite aktualisiert, neue Komponenten erstellt werden können Sie nicht persisit deren Wert direkt mit Hilfe von javascript ist , muss der Wert irgendwo gespeichert werden, von wo können Sie Ihre Werte später-und reset-Wert in Ihrem neuen radio-button-element.

In anderen Worten: Sie speichern wollen Staaten Ihre Objekte in der web-Anwendung.Für den Zweck der Aufrechterhaltung des Zustands von Objekt haben wir viele Methoden, wie wir Sie oft verwenden anforderungsbereich, Quesy String oder eine Sitzung.Als Ihre Anforderung ist um den Wert zu speichern nur bis zum nächsten request(nächste Seite aktualisieren), so dass für diesen Zweck der Erhaltung, der Wert für die nächste Seite laden, die Sie verwenden können, anforderungsbereich, oder Sie müssen hinzufügen, dass Wert auf Ihre Abfrage-string,die beide von den Möglichkeiten, die Sie bekommen können, den Wert von request-scope oder der query-string und anzuwenden, die den Wert Ihrer radio-button.

Wie übertrage ich Daten zwischen JavaScript-Seiten?

1. Absenden der Formular-Daten an ein server-seitiges script, dass dann gibt eine neue JavaScript-Seite, die die Daten enthalten. Dies ist einfach und zuverlässig und funktioniert in allen Browsern, erfordert aber die Unterstützung für server-side-scripting-irgendeiner Art (PHP, ASP, etc).

2. Vorbei Formular-style-Daten, die in einer URL auf eine neue JavaScript-Seite, ohne Verwendung von server-side-scripts. Dies funktioniert in allen Browsern aber unterstützt nur eine begrenzte Menge von Daten. Es ist die traditionelle Art und Weise zu lösen, das problem ohne server-side-scripting.

3. Weitergabe der Daten über die Fenster.name-Eigenschaft. Das ist zwar nicht Zweck der Fenster.name, es scheint ganz gut zu funktionieren und unterstützt größere Mengen an Daten als die zweite Methode. Und es funktioniert in Safari, Firefox und Internet Explorer. Also warum nicht verwenden es? Da ist es sehr unsicher! Wenn der Benutzer folgt einem link zu einer anderen website, die nicht Ihnen gehören,, dass andere website kann Sie noch sehen, die gespeicherten Daten im Fenster.Namen, die nie bedeutet wurde, um eine sichere, site-spezifische Eigenschaft. So dass ich dringend raten von der Verwendung dieser Methode.

InformationsquelleAutor Abhijeet Panwar

Ihre JSP sieht wie folgt aus

<input type="radio" id="aa" name="Options" value="val1">radio 1
<input type="radio" id="bb" name="Options" value="val2"> radio 2
<input type="radio" id="cc" name="Options" value="val3"> radio 3

jQuery

$(function() {
    $("input[type=\"radio\"]").click(function(){
        var thisElem = $(this);
        var value = thisElem.val();
   alert('value'+value);
        localStorage.setItem("option", value);

    });
    var itemValue = localStorage.getItem("option");
    if (itemValue !== null) {
        $("input[value=\""+itemValue+"\"]").click();
    }

});

Beim laden der Seite " radio-button wird nicht zurückgesetzt, Ihre lokalen Speicher abrufen.

Dieser das Problem lösen wird

InformationsquelleAutor user10651393