✔ je nach Auswahl des Radiobuttons Formlarfeld ändern

creativeheadz

creativeheadz

Erfahrenes Mitglied
Hallo,
ich möchte gerne ein Formularfeld ändern können, indem man sich zwischen zwei Radiobuttons entscheidet.

Klickt man beispielsweise auf den Radiobutton "Kunde bereits vorhanden", dann soll ein Suchfeld angezeigt werden.

Klickt man beispielsweise auf den Radiobutton "Neuen Kunden anlegen", dann soll ein eine Maske erscheinen mit inputfeldern.

Ein Beispiel zum Verständnis mittels eines Bildes habe ich anghängt.

Wichtig ist dabei, dass die Seite icht neu geladen wird.

Gruß und Danke im Voraus!
 

Anhänge

  • switch.JPG
    switch.JPG
    13,1 KB · Aufrufe: 21
Wo ist genau dein Anliegen/Problem/Frage?

Mal kurz was geschrieben:

Javascript: 
function CheckRadio()
{
  if (document.getElementById('kundebereitsvorhanden').checked==true)
  {
    document.getElementById('formular_kundebereitsvorhanden').style.display = 'block';
    document.getElementById('formular_neuerkunde').style.display = 'none';
  }
  else
  {
    document.getElementById('formular_neuerkunde').style.display = 'block';
    document.getElementById('formular_kundebereitsvorhanden').style.display = 'none';
  }
}
(Namen sind schlecht gewählt, nur zur Veranschaulichung!)
 
Hey,
danke es klappt :)

So hab ichs jetz gemacht :

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/javascript">

function CheckRadio()
{
  if (document.getElementById('kundebereitsvorhanden').checked==true)
  {
    document.getElementById('formular_kundebereitsvorhanden').style.display = 'block';
    document.getElementById('formular_neuerkunde').style.display = 'none';
  }
  else
  {
    document.getElementById('formular_neuerkunde').style.display = 'block';
    document.getElementById('formular_kundebereitsvorhanden').style.display = 'none';
  }
}

//-->
</script>
</head>

<body>
<input type="radio" name="radiobutton"  id="kundebereitsvorhanden" onclick="javascript:CheckRadio('formular_kundebereitsvorhanden');"/>
Bestehenden Patienten suchen<br /> 
<input type="radio" name="radiobutton" id="kundebereitsvorhanden"  onclick="javascript:CheckRadio('formular_neuerkunde');"/>
Neuen Patienten hinzuf&uuml;gen
<p>
<div id="formular_kundebereitsvorhanden" style="display:none;">test</div>
<div id="formular_neuerkunde" style="display:none;">test2</div>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück