INPUT RADIO mit INPUT TEXT kombinieren!?!

buggybugga · 20.02.2007, 15:03

Hallo,

eine kurze Frage. Wie kann ich folgendes realisieren?

Ich habe fünf "input" vom Typ "radio". Bei den vier ersten "radios" ist wird EIN Wert übergeben. Der fünfte "radio" soll allerdings eine Eingabe bieten, sobald er selektiert wurde. Diese Eingabe soll in Form von zwei "inputs" vom Typ "text" sein.

Wisst ihr, was ich meine? Also, ich denke, da muss man wohl JS für nehmen, kenne mich aber damit eigentlich garnicht aus.

Achja, sollte der fünfte "radio" nicht gewählt sein, sollen die Eingabefelder dessen ausgegraut sein.

Flor1an · 20.02.2007, 15:09

Also zum ausgrauen musst du JavaScript verwenden. Aber bedenke dass wenn dein User kein JS aktiviert hat auch ein Klick auf das 5te Radiobutton nix bringt.

Und du musst im Skript halt prüfen wenn radio5 gesetzt ist dann überprüfst du text1 und text2 eben ... aber du kannst den Inhalt der Inputs nicht an das radio5 übergeben. Bzw. kann es bestimmt irgendwie per JS funktionieren aber dass solltest du eigentlich vermeiden da es ja auch sehr einfach per PHP geht.

buggybugga · 20.02.2007, 15:27

Naja, die Übergabe der Variablen ist ja kein Problem...einfach eine Abfrage, wenn der Wert aus dem 5. Radio übergeben wird, auch die 2 Werte aus den Eingabefeldern abfragen. Aber mir ist immernoch unklar, wie ich das realisieren kann mit dem Radiobutton Nummero 5.

Igäl · 20.02.2007, 15:44

beim Radiobutton kannst im onClick-Attribut die ne javascript-funktion aufruft in der halt dann über document.getElementByID("InputFeldID").disabled = false; das Eingabefeld wieder enabled wird. aber wie razor gesagt hat, wenn JS inaktiviert ist, funktioniert das ganze halt nicht

buggybugga · 20.02.2007, 15:56

Ok...hier der Code...ich komm mit der Syntax von JS nicht klar, hab ich bisher NIE geschrieben.

PHP-Code:

  <form action="overview.php">

    <input type="radio" name="zeitraum" value="heute">heute
 
    <input type="radio" name="zeitraum" value="woche">diese Woche
 
    <input type="radio" name="zeitraum" value="monat">diesen Monat
 
    <input type="radio" name="zeitraum" value="jahr">dieses Jahr
 
    <input type="radio" name="zeitraum" value="bestimmt">bestimmten Zeitraum
 
    <input type="submit" name="submit" value="auswerten">

</form>

Der bestimmte Zeitraum soll zwei Eingabefelder bieten, um einen Zeitraum VON BIS einzugeben...anscheinend irgendwas mit <input...value="bestimmt" onClick="...">...

Igäl · 20.02.2007, 17:33

Code:

<script name="JavaScript" type="text/javascript">
<!--
function enableField(EnId)	{
	document.getElementById(EnId).disabled = false;
}
//-->
</script>

<form action="overview.php">
    <input type="radio" name="zeitraum" value="heute">heute

    <input type="radio" name="zeitraum" value="woche">diese Woche

    <input type="radio" name="zeitraum" value="monat">diesen Monat

    <input type="radio" name="zeitraum" value="jahr">dieses Jahr

    <input type="radio" name="zeitraum" value="bestimmt" onClick="enableField('von');enableField('bis');">bestimmten Zeitraum

    <input type="text" name="von" id="von" disabled>
    <input type="text" name="bis" id="bis" disabled>
    <input type="submit" name="submit" value="auswerten">

</form>

Vlt hilft dir das weiter

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input text oder textarea feld inhalt mit einem klick löschen	noskule	HTML, Usability und Barrierefreiheit	10	26.05.2009 21:47
input type text standart angewaehlt		HTML, Usability und Barrierefreiheit	4	19.02.2009 00:54
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] Input value und Input text		PHP Tipps 2005-2	4	12.07.2005 16:46
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
[Erledigt] Kann man den Button Text von input type=&amp;quot;file&amp;quot; änd		HTML, Usability und Barrierefreiheit	3	14.04.2005 09:43
DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
[Erledigt] Text in Input per Klick hinzufügen, bei erneutem Klick lösch	18inch	HTML, Usability und Barrierefreiheit	2	05.03.2005 14:01
text in ein input feld rein schreiben		HTML, Usability und Barrierefreiheit	4	30.10.2004 12:45
hinweis text in input box (schon teilweise gelöst)	me	PHP Tipps 2004	1	08.09.2004 17:24
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

20.02.2007, 15:03
buggybugga Benutzer Registriert seit: 13.12.2005 Beiträge: 65	INPUT RADIO mit INPUT TEXT kombinieren!?! Hallo, eine kurze Frage. Wie kann ich folgendes realisieren? Ich habe fünf "input" vom Typ "radio". Bei den vier ersten "radios" ist wird EIN Wert übergeben. Der fünfte "radio" soll allerdings eine Eingabe bieten, sobald er selektiert wurde. Diese Eingabe soll in Form von zwei "inputs" vom Typ "text" sein. Wisst ihr, was ich meine? Also, ich denke, da muss man wohl JS für nehmen, kenne mich aber damit eigentlich garnicht aus. Achja, sollte der fünfte "radio" nicht gewählt sein, sollen die Eingabefelder dessen ausgegraut sein. __________________ http://www.schwarzerton.de.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.02.2007, 15:09
Flor1an ¯\_(ツ)_/¯ Registriert seit: 18.06.2008 Beiträge: 8.814 PHP-Kenntnisse: Fortgeschritten	Also zum ausgrauen musst du JavaScript verwenden. Aber bedenke dass wenn dein User kein JS aktiviert hat auch ein Klick auf das 5te Radiobutton nix bringt. Und du musst im Skript halt prüfen wenn radio5 gesetzt ist dann überprüfst du text1 und text2 eben ... aber du kannst den Inhalt der Inputs nicht an das radio5 übergeben. Bzw. kann es bestimmt irgendwie per JS funktionieren aber dass solltest du eigentlich vermeiden da es ja auch sehr einfach per PHP geht. __________________ ▇█▓▒░◕‿‿◕░▒▓█▇

20.02.2007, 15:27
buggybugga Benutzer Registriert seit: 13.12.2005 Beiträge: 65	Naja, die Übergabe der Variablen ist ja kein Problem...einfach eine Abfrage, wenn der Wert aus dem 5. Radio übergeben wird, auch die 2 Werte aus den Eingabefeldern abfragen. Aber mir ist immernoch unklar, wie ich das realisieren kann mit dem Radiobutton Nummero 5. __________________ http://www.schwarzerton.de.

20.02.2007, 15:44
Igäl Erfahrener Benutzer Registriert seit: 16.08.2007 Beiträge: 702 PHP-Kenntnisse: Anfänger	beim Radiobutton kannst im onClick-Attribut die ne javascript-funktion aufruft in der halt dann über document.getElementByID("InputFeldID").disabled = false; das Eingabefeld wieder enabled wird. aber wie razor gesagt hat, wenn JS inaktiviert ist, funktioniert das ganze halt nicht __________________ Das Recht auf Dummheit gehört zur Garantie der freien Entfaltung der Persönlichkeit. Mark Twain

20.02.2007, 15:56
buggybugga Benutzer Registriert seit: 13.12.2005 Beiträge: 65	Ok...hier der Code...ich komm mit der Syntax von JS nicht klar, hab ich bisher NIE geschrieben. PHP-Code: `<form action="overview.php"> <input type="radio" name="zeitraum" value="heute">heute <input type="radio" name="zeitraum" value="woche">diese Woche <input type="radio" name="zeitraum" value="monat">diesen Monat <input type="radio" name="zeitraum" value="jahr">dieses Jahr <input type="radio" name="zeitraum" value="bestimmt">bestimmten Zeitraum <input type="submit" name="submit" value="auswerten"> </form>` Der bestimmte Zeitraum soll zwei Eingabefelder bieten, um einen Zeitraum VON BIS einzugeben...anscheinend irgendwas mit <input...value="bestimmt" onClick="...">... __________________ http://www.schwarzerton.de.