auf select, radio, Umleitung auf einen link

Ich habe drei radios, und ich will onselect jeder werden umgeleitet auf einen link. Mit javascript oder jquery

    All <input name="EventRadio" type="radio" value="" checked="checked"/>&nbsp;
    Events<input name="EventRadio" type="radio" value="Events" />&nbsp;Classes<input name="EventRadio" type="radio" value="Classes"/><br /><br />

so, da "Alle" ist standardmäßig aktiviert, ich will, dass es mysite.com/search.aspx.
nun, wenn der Benutzer wählt die Ereignisse, ich will umleiten Benutzer mysite.com/search?type=Events
oder wenn sich der Benutzer wählt Klassen, ich will leiten den Benutzer auf mysite.com/search?type=Classes
als Reaktion auf die onselect des radios. Wie kann ich das erreichen?

Warum gehst du nicht einfach machen <a> - tags statt der radio-buttons? Benutzer erwarten nicht, dass radio-buttons zu verursachen, eine Seite neu zu laden.
Ich Stimme mit Spitzen. Was möchten Sie erreicht werden kann, aber ich bin mir nicht sicher, das ist, wie Sie sein sollte Umgang mit dieser sitaution.
Eine bessere option wäre, ziehen Sie das radio Wert, die Suche durchführen, zeigt dann die Ergebnisse in die Seite, die Sie umleiten möchten. Wenn die radio-buttons führen Sie eine Seite laden, die der Benutzer benötigen würde, zu warten, bis das laden der Seite abgeschlossen ist, bevor das finishing der Suche ist, oder neu-Eingabe der Suchparameter, es sei denn, du gehst, Sie zu übergeben, um die neue Seite. Das scheint ärgerlich zu mir.

InformationsquelleAutor Anju Thapa | 2011-12-30

  1. 3
    All     <input name="EventRadio" type="radio" value="" checked="checked" onclick ="goToLocation(this.value)"/>&nbsp;
Events  <input name="EventRadio" type="radio" value="Events" onclick ="goToLocation(this.value)"/>&nbsp;
Classes <input name="EventRadio" type="radio" value="Classes" onclick ="goToLocation(this.value)"/><br /><br />


function goToLocation(val){
 if(val == "Events")
     window.location = "go to Events location";
 if(val == "Classes")
     window.location = "go to Classes location";
window.location = "go to default location";

}

    InformationsquelleAutor Ramesh Kotha

  2. 1

    Als eine demonstration:

    var inputs = document.getElementsByTagName('input'),
    radios = [],
    output = document.getElementById('output'),
    url = 'mysite.com/search?type=';

for (var i = 0, len = inputs.length; i<len; i++) {
    if (inputs[i].type == 'radio'){
        radios.push(inputs[i]);
    }
}

for (var r=0, leng = radios.length; r<leng; r++){
    radios[r].onchange = function(){
        if (this.value){
            /* in real life use:
            document.location = url + this.value;
            */
            output.innerHTML = url + this.value;
        }
        else {
            /* in real life use:
            document.location = 'mysite.com/search?type=Events';
            */
            output.innerHTML = 'mysite.com/search.aspx';
        }
    }
}

    JS Fiddle demo.

    Bitte beachten Sie, dass habe ich auch geändert Ihre mark-up zu verwenden <label> Elemente und entfernt die &nbsp;s und <br />s.

    Danke. Nun, statt der Ausgabe, können wir speichern, wie der Wert der aktuellen URL? Wenn dann können wir es lösen würde mein Problem, weil im Grunde ich bin versucht zu greifen, die query-string-Wert, und pass auf die XSL-parameter!!?

    InformationsquelleAutor David Thomas

  3. 0
    $('input').click(function(){
    var val = $(this).val();
    if(val !== ''){
        window.location = 'http://mysite.com/search?type=' + val;
    }else{
        window.location = 'http://mysite.com/search.aspx';
    }
});

    InformationsquelleAutor maxedison

Schreibe einen Kommentar