Wie Sie den radio-button Formular ändern Aktion Adresse

Zu machen, wie die radio-Taste ändern Sie die form-action Adresse

Bekam ich ein Formular, welches die folgenden

sowie ein radio-button

<b>Would you like to to make payment ? <input type="radio" name="choice" value="yes">Yes <input type="radio" name="choice" value="no" checked>No</b>'

Wenn der Benutzer die Auswahl ist no (standardmäßig aktiviert) die form action noch register_page4.php

aber wenn Benutzer ausgewählt yes und drücken Sie die Schaltfläche "submit":

<input  id="btnSubmit" type="submit" value="Next" />

Möchte ich die Formular Aktion zu sein payment.php statt register_page4.php, wie kann ich es erreichen.

Ich die änderungen vornehmen, und das ist, was ich geben

<html>
<head>
</head>
<body>

  <form name="form1" method="post" action="register_page4.php">

    Would you like to make an appointment for collection ? 
<input type="radio" name="collection" value="yes">Yes 
<input type="radio" name="collection" value="no" checked>No
   <input  id="btnSubmit" type="submit" value="Next" />  
    </form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
jQuery(document).ready(function($) {
    var form = $('form[name="form1"]'),
        radio = $('input[name="choice"]'),
        choice = '';

    radio.change(function(e) {
        choice = this.value;

        if (choice === 'yes') {
            form.attr('action', 'payment.php');
        } else {
            form.attr('action', 'register_page4.php');
        }
    });
});
</script>
</body>
</html>

Aber das Ergebnis ist immer noch zu register_page4.php auch ich klicken Sie auf den radio-button mit ja, ich versuche, klicken Sie auf beide, und beide gehen noch register_page4.php

Was hindert Sie ändern die form-action aus register_page4.php zu payment.php ?
Die Seite hat einige post-Wert andere als die Wahl , ist es möglich zu tun, eine Weiterleitung an register_page4.php zu payment.php mit Kopf-oder deute ich auf javascript-Ebene und führen Sie dann die richtige Umleitung zu payment.php statt umleiten

InformationsquelleAutor user1777711 | 2013-11-01

6

Hier ist ein Beispiel für die Verwendung einer javascript-Lösung. Grundsätzlich, wenn die änderung der radio-Taste, wird das Attribut in der form (hier mit der id #yourForm) verändert wird, mit der richtigen Aktion.
```
jQuery(document).ready(function($) {
    var form = $('form[name="form1"]'),
        radio = $('input[name="collection"]'),
        choice = '';

    radio.change(function(e) {
        choice = this.value;

        if (choice === 'yes') {
            form.attr('action', 'payment.php');
        } else {
            form.attr('action', 'register_page4.php');
        }
    });
});
```
- Ich mit deinen änderungen, aber es funktioniert nicht noch. Der codiert ist oben gepostet.
- Es ist eine bewährte Praxis, um alle JS-code am Ende des body-Elements (direkt vor dem schließenden </body> - element). Dies wird eine schnellere rendering-Zeit auf den browser wegen JS werden geladen, am Ende. Ich habe das update mein JS-code um bei deinem Beispiel HTML-code.
- Ich habe versucht, den neuen code, aber es funktioniert nicht noch. Noch register_page4.php trotz entweder Auswahl & aktualisierte meine Frage
- Ok, ist mir gar nicht aufgefallen, dass der name der radio-input element hat sich von choice zu collection ... sorry. Ich habe das update meiner Antwort wieder
InformationsquelleAutor Mike Vranckx
1

je nachdem, ob Sie mit POST-oder GET-Methode, es ist entweder:
```
$nextPage = ($_POST['choice']=='yes') ? 'payment.php' : 'register_page4.php';
```
ODER
```
$nextPage = ($_GET['choice']=='yes') ? 'payment.php' : 'register_page4.php';
```
dann einfach umleiten auf $nextPage
- Aber die Seite hat einige post-Wert andere als die Wahl , ist es möglich zu tun, eine Weiterleitung an register_page4.php zu payment.php mit header
- Oh, ich sehe, was du meinst. Ich persönlich glaube nicht, wie trennen Sie sich diese Arten von codes, und würde die Logik geschieht in der Schrift. jQuery ist Ihre beste Wette, sonst aber.
- Mike hat eine tolle Antwort für die jQuery-Methode, Dinge zu tun, eigentlich.
- Ich versuchte mike zu beantworten, aber habe immer noch ein Problem.
- Ich persönlich würde die ganze Logik geschehen in einem Skript. statt der Umleitung zu einer Seite, verwenden eine ähnliche Logik, um den code, den ich vorgelegt, um zu entscheiden, was Sie tun mit der post. Sie sind einschließlich der jQuery-Bibliothek, bevor Sie versuchen zu verwenden, mike ' s code aber etc?
InformationsquelleAutor skrilled

$("input[name=choice]").change(function(){
if ($("input[name=choice]").val() == 'yes'){
   $("#formId").attr("action","payment.php");
}
else
{
   $("#formId").attr("action","register_page4.php");
}
});

InformationsquelleAutor Joao Paulo

"Abschicken" - button, wenn checked = No

Arbeiten JSFiddle DEMO

HTML

<form action="payment.php" method="POST">   
<input name="choice" type="radio" id="choiceyes" value="yes" />Yes
<input name="choice" type="radio" id="choiceno" value="no" checked="checked" />No
<input  id="btnSubmit" name="btnSubmit" type="submit" value="Next" /></form>

Skript

$(function () {
    var $join = $("input[name=btnSubmit]");
    var processJoin = function (element) {
        if(element.id == "choiceno") {
            $join.attr("disabled", "disabled");
        }
        else {
            $join.removeAttr("disabled")
        }
    };

    $(":radio[name=choice]").click(function () {
        processJoin(this);
    }).filter(":checked").each(function () {
        processJoin(this);
    });
});

Ich brauche es, um in der Lage sein, entsprechend zu handeln, gibt es keine Notwendigkeit, deaktivieren Sie die Schaltfläche, ich aktualisierte meine Frage.
es deaktivieren Sie die Schaltfläche nur dann, wenn jemand kontrolliert No, wenn Sie überprüft Yes damals NEXT Taste wird angezeigt und Sie können die form auf payment.php
seine eine einfache Möglichkeit, keine Notwendigkeit, um die Seite aktualisieren, jedes mal. nur aktivieren/deaktivieren Schaltfläche "senden" auf ja/Nein

InformationsquelleAutor Sumit Bijvani

Dokument Hinzufügen Bereit

<script>
$(document).ready(function(){
    $("input[name=choice]").change(function(){
        if ($("input[name=choice]").val() == 'yes'){
            $("#form1").attr("action","payment.php");
        }
        else
        {
            $("#form1").attr("action","register_page4.php");
        }
    });

});
</script>

Wenn weiterhin das Problem versuchen zu entfernen die Aktion:

Aktion zu entfernen aus der form.

<form name="form1" method="post" action="register_page4.php">

Richtige

<form name="form1" method="post">

InformationsquelleAutor Joao Paulo

-1

Verwenden Sie den folgenden code:

<body>
  <form name="form1" id="form1" method="post" action="register_page4.php">
    Would you like to make an appointment for collection ? 
    <input type="radio" name="collection" value="yes" onChange="if(this.checked){document.getElementById('form1').action='payment.php'}">Yes 
    <input type="radio" name="collection" value="no" checked>No
    <input type="submit">
  </form>
</body>