Radiobutton vor dem Textfeld - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Radiobutton vor dem Textfeld

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Radiobutton vor dem Textfeld

Pages: [1]

geschrieben von Herbert1204 am 18.10.2009 - 21:01

Hallo
Ich habe da ein Problem, was andere Personen vielleicht auch schon einmal hatten.
Ich habe da ein kleines Script mit einem Radiobutten und einem Textfeld. Wenn auf den Radiobutton geklickt wird, soll der Text im Textfeld gelöscht werden.
Wenn der Radiobutton hinter dem Textfeld steht, funktioniert alles einwandfrei. Wenn ich aber den Radiobutton vor das Textfeld setze, funktioniert gar nichts mehr.
Könnt Ihr mir bei diesem Problem helfen? Im Voraus schon einmal Vielen Dank.

Hier ist das Skript mit Radiobutton hinter dem Textfeld.

<script language="javascript">
function cancel()
{
document.getElementById("textid").value='';
}
</script>

<input type="text" name="textfeld" id="textid">
<input type="radio" name="radio" id="textid" value="raditon" onClick="cancel()">

geschrieben von Danny am 19.10.2009 - 00:31

Hallo Herbert,

das Problem lässt sich ganz einfach lösen. Ein Element wird mit dem id Attribut auf einer Seite eindeutig identifiziert. Dass heist es dürfen nicht zwei unterschiedliche Elemente mit der selben ID vorkommen.

Gibst du deinem Radio Button eine andere ID z.B

	HTML-Quelltext
1:	<input type="radio" name="radio" id="radiotextid" value="raditon" onClick="cancel()">

funktioniert das Script unabhängig wo es steht.

Gruß Danny

geschrieben von Herbert1204 am 19.10.2009 - 17:50

Hallo Danny
Erst einmal Vielen Dank für Deine schnelle Hilfe.

So wie Du mir das geschildert hast, funktioniert es, wenn der Radiobutton und das Textfeld zusammen stehen.
Wenn ich aber die Adribute in einer Tabelle in verschiedene Zellen setze, funktioniert es nicht mehr.

Gibt es da vielleicht noch einen anderen Trick?

geschrieben von Danny am 19.10.2009 - 18:06

Hallo,
zeig mal deinen Code um den es geht.

Ob und wo die Felder in einer Tabelle stehen ist eigentlich egal, siehe das kleine Beispiel unten was problemlos funktioniert:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26:

<script language="javascript">
function cancel()
{
document.getElementById("textid").value='';
}
</script>


<table border="1">
	<tr>
		<th>test1</th>
		<th>test2</th>
	</tr>
	<tr>
		<td>
			<input type="radio" name="radio" id="textidt" value="raditon" onClick="cancel()">
		</td>
		<td>test</td>
	</tr>
	<tr>
		<td>test</td>
		<td>
			<input type="text" name="textfeld" id="textid">
		</td>
	</tr>
</table>