Änderung der Url-Umleitung nach dem Senden nach dem Radio-Eingang ausgewählt ist

Question

Hy, ich weiß eine Menge Thema sind bereits offen über dieses Thema, aber ich habe eine Menge von ihnen seit 3 ​​Stunden gelesen und ich verstehe nicht, wie es funktioniert.

Ich versuche, ein Formular zu erstellen, die, wenn ein Optionsfeld ausgewählt ist die URL nach dem Senden ändern.

<form id="signin" action=""> 
<input type="radio" name="pro" value="pro"><span>pro</span><br> 
<input type="radio" name="perso" value="perso"><span>perso</span><br> 
<input type="submit" value="Submit"> 
</form> 

wenn "pro" die URL ausgewählt wird, ist u1.html wenn "perso" wird die URL ist u2.html ausgewählt

ich viel Thema sah mit .attr(), aber i‘ m wirklich ein Anfänger in jQuery ich habe Schwierigkeiten, die Bedeutung zu verstehen (auch mit der Dokumentation und der Q & A).

denken Sie viel und Entschuldigung für das schlechte Englisch.

Answer 1

• Ihr radio button sollte das gleiche name Attribut haben.
• Um die Aktions-URL zu ändern, an die Daten gesendet werden, verwenden Sie $("#signin").attr("action", url);.

$(document).ready(function() { 
 

 
    //add change listener to all inputs with name account 
 
    $("[name='account']").change(function() { 
 
    //get current radio button value 
 
    var ch = $(this).val(); 
 
    var act = ""; 
 
    //determine pro || perso 
 
    if (ch == "pro") act = "u1.html";//set url 
 
    if (ch == "perso") act = "u2.html";//set url 
 

 
    $("#signin").attr("action", act);//set action url 
 
    console.clear(); 
 
    console.log("Data will send to: " + act); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="signin" action=""> 
 
    <input type="radio" name="account" value="pro"><span>pro</span> 
 
    <br> 
 
    <input type="radio" name="account" value="perso"><span>perso</span> 
 
    <br> 
 
    <input type="submit" value="Submit"> 
 
</form>