Bei Radio-Button auswahl input Feld anzeigen?

B

Black Angel

Mitglied
Hey ich hab nochmal eine Frage.
Und zwar wenn ich in einem PHP Formular einen bzw. mehrere Radio Buttons einfüge
und dann einen einen auswähle soll ein Input-Feld angezeigt werden.
Wenn ich einen anderen Button auswähle soll ein anderes Input-Feld angezeigt werden das alte vom anderen Radio Button aber wieder verschwinden.
Wie kann ich das Umsetzen?
 
1. jQuery downloaden und in js/jquery.js packen
2.Dieses Script testen:
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
	<title>New document</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script src="js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
    $(document).ready(function() {
      $(function() {
        $("#radio1").click(function() {
          $("#span1").show();
          $("#span2").hide();
          $("#span3").hide();
        });
        $("#radio2").click(function() {
          $("#span2").show();
          $("#span1").hide();
          $("#span3").hide();
        });
        $("#radio3").click(function() {
          $("#span3").show();
          $("#span1").hide();
          $("#span2").hide();
        });
        $("#span1").hide();
        $("#span2").hide();
        $("#span3").hide();
      });
    });
    </script>
</head>
<body>
<input type="radio" name="1" value="1" id="radio1">1<br>
<input type="radio" name="1" value="2" id="radio2">2<br>
<input type="radio" name="1" value="3" id="radio3">3<br>
<span id="span1">1:<input type="text" id="value1"></span><br>
<span id="span2">2:<input type="text" id="value2"></span><br>
<span id="span3">3:<input type="text" id="value3"></span><br>
</body>
</html>
3. An deinen Code anpassen.


Wenn es Probleme gibt, einfach Bescheid sagen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück