Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Formular, Radio Button --> andere Eingabefelder

Gast Nobse
Gast Nobse
in Webdesign

Empfohlene Antworten

Veröffentlicht

Hallo,

ich hatte vor Wochen mal auf einer Webseite gesehen das mit einem klick eines Radio Button sich das Formular veränderte, bzw. die Eingabefelder nun benötige ich dies auch. Soweit ich weiss war die mit Java Script und dem onclick Event realisiert. Hat jemand solch einen Code Schnippsel rumzuliegen? :)

Was genau soll denn passieren?

Frank

Nach Auswahl eines bestimmten Radiobutton soll sich das Formular ändern, andere Felder hinzukommen sowie einige wegfallen.

In etwa so:



<html>

<body>


<script language="javascript">

function versteckenfeld ()

{

	document.getElementById("feld").style.visibility="hidden";

}

function anzeigefeld ()

{

	document.getElementById("feld").style.visibility="visible";

}

</script>

<body>


<form action="" method="">

<input id="feld" type="text" size="5" value="abc">

<p>


<input type="radio" name="Zahlmethode" value="an" checked onclick='anzeigefeld ();'> an<br>

<input type="radio" name="Zahlmethode" value="aus" onclick='versteckenfeld ();'> aus<br>


<p>

<input type="submit" name="test" value="Absenden">

</form>


</body>

</html>

[/code]

Frank

ich arbeite in einem OpenSource Projekt, indem wir das auch verwenden.

Dort kannst du das dem Quelltext entnehmen.

Vorgehensweise:

1) Link öffnen: http://www.myobjects.org/demo/?generateSchema

2) Auf "Generate Schema" klicken, ohne die Formular daten zu ändern

(Somit wird eine Beispiel Datenbank importiert!)

3) Im links entstehenden Menu-Baum ein Feld auswählen

4) Dem Drop-Down "Field-Type" einen anderen Wert zuweisen

(Bei den meisten werten sollten unten andere Felder eingeblendet werden!)

Dies kannst du dann einfach auch auf radio boxen übernehmen.

Projekt:

http://www.myobjects.org/demo/

@all

Meiner Meinung nach ist dieses Tool ein muß für jedes neue Projekt, dass mit PHP5 erstellt wird.

Ich habe hier einen Englischen Artikel über das Projekt den ich gerne an interessenten weiterleite! (PM me)

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.