mit Radio-Button Formular ändern

LittlePeopleMan78

Hallo ,

habe 2 Radiobutton und weitere Felder in einem Formular. Ich möchte es erreichen, das wenn man sich für ein Radiobutton entscheidet, der weitere Kontent für diesen Button disabled oder hidden wird!

Wie kann ich das machen?

Geht es auch die Seite neu mit den anderen Formular-Daten zu laden?

Als Verständnis:

O Button 1
O Button 2

[] Für Button 1
[] Für Button 1
....

[] Für Button 2
[] Für Button 2
....

Wenn Button 1 gewählt wird, sollte Kontent von Button 2 verschwinden oder nicht wählbar sein, oder die Seite wird nur mit Kontent von Button 1 neu geladen.

Gruß und Dank

crucho

Hi,

hab auch mal so ein Problem gehabt. Die Hilfe in SelfHTML ( Javascript )
hat mir dabei geholfen und obwohl ich noch nie wirklich javascript programmiert hab, ging das alles eigentlich ganz einfach. Bei mir steuert halt ein Select-Feld ein Input-Feld.

Hier mein Beispiel:

Code

<HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Kontaktformular</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">
<LINK rel="stylesheet" type="text/css" href="index.css"/>
<script language="Javascript">
function disableinput()
{
if (document.formmail.kunde.value == "ja")
 { document.formmail.kundennummer.disabled=false; }
if (document.formmail.kunde.value == "nein")
 { document.formmail.kundennummer.defaultValue = "Kundennummer";
   document.formmail.kundennummer.value = document.formmail.kundennummer.defaultValue;
   document.formmail.kundennummer.disabled=true; }
 }
</script>
</HEAD>
<BODY onload="disableinput()">


<form name="formmail" action="mail.php" method="post">
<table border="0" align="center" width="100%" cellspacing="0px" style="margin-right:0px; margin-top:10px; margin-left:0px; margin-bottom:0px;">
<tr><td>


<table border="0" align="left" style="margin-right:0px; margin-top:0px; margin-left:10px; margin-bottom:0px;">

  <tr height="30px">


    <td valign="center"></td>
    <td colspan="3">[b]Test Javascript[/b]</td></tr>
  <tr>
    <td><select name="kunde" onChange="javascript:disableinput()"><option value="nein">Nein</option><option value="ja">Ja</option></td>
    <td colspan="3"><input style="width:200px; border:1px outset black #B8B8B8; color:#0F00E0;" name="kundennummer" onfocus="this.value=''"></td></tr>
  <tr>
    <td colspan="4" valign="center"></td></tr>


</table>




</form>


</body>
</html>

Alles anzeigen

Gruß
Chris

PS: Vielleicht kannst du mir ja mit meinem Posting(Frage) helfen ?!?

https://www.forum-hilfe.de/viewtopic.php?t=4992

Viel Spass

Tags