| Autor |
Nachricht |
chrissowa
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Di 27.07.2010 10:39
Titel Javascript Hilfe: Radiobutton bei Klick Funktion |
  |
|
Gmorgn,
ich hab 3 Radiobuttons und möchte gerne wenn man den 3ten klickt eine FUnktion starten;
Folgender Code geht:
| Code: | onclick = function(tutsichwas) {
if(document.formular.frage[2].checked == true)
alert('test');
} |
| Code: | <form name="formular">
<input type="radio" name="frage" value="Ja">
<input type="radio" name="frage" value="Nein">
<input type="radio" name="frage" value="Vielleicht">
</form> |
Ich möchte aber die FUnktion nur wenn der konkrete Radiobutton geklickt wird ausführen.
Leider bekomm ich s mit dem DOM nich hin nur den konkreten Fall anzusprechen.
Kann mir da jemand evtl helfen?
Irgendwas in Richtung document.getElementsByName('formular')?
|
|
| |
  |
 |
| |
|
|
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Di 27.07.2010 10:43
Titel
|
|
|
|
Leg das Event auf den RadioButtons selbst.
|
|
| |
|
|
chrissowa
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 27.07.2010 16:02
Titel
|
|
|
Das kann ich leider nicht, weil ich das ganze in ein Onlineshopcms bauen möchte.
Ich bin froh falls ich das danach übrehaupt so einbauen kann.
D.h. dort sind bereits buttons mit verschd bezeichnungen und ich würde dann nur noch den JS Code einbaun müssen.
Diese Buttons werden eh schon mit 2 Extensions usw dynamisch erzeugt. Da komm ich wirklich absolut nich dran.
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 27.07.2010 16:46
Titel
|
|
|
Hi,
ich bin mir jetzt nicht ganz sicher ob ich das Problem
verstanden habe, aber du könntest es beispielsweise
den value abfragen oder auch den name des radios
oder oder... :
| Code: | <form name="formular">
<input type="radio" name="frage" value="Ja">
<input type="radio" name="frage" value="Nein">
<input type="radio" name="frage" value="Vielleicht">
</form>
<script type="text/javascript">
if(form = document.formular) {
var inputs = form.getElementsByTagName('input');
//selection über value (oder auch anderes attribut)
var needle = 'Vielleicht';
for (var i=0;i<inputs.length;i++) {
var el = inputs[i];
if(el.type != 'radio' || el.value != needle) continue; // hier attr abfragen
alert('found!');
el.onchange = function(){
alert('changed!');
}
}
}
</script> |
Grüße
zweitaccount
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 27.07.2010 20:10
Titel
|
|
|
| Code: | document.formular.frage[2].onclick = function() {
alert('foo');
} |
|
|
| |
 |
|
chrissowa
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 28.07.2010 09:48
Titel
|
|
|
| m hat geschrieben: | | Code: | document.formular.frage[2].onclick = function() {
alert('foo');
} |
|
Yeah genau sowas!
Vielen Dank euch beiden!
Allerdings funktioniert das Script nicht im Header sondern nur im Body; darauf musste ich erstmal kommen ;D
Mal schaun ob ich das ganze jetzt auch noch in das cms bekomme.
Vielen Dank nochmal.
|
|
| |
|
|
chrissowa
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 28.07.2010 16:58
Titel
|
|
|
Hm, doch wieder n Problemchen...
Mein Radiobutton im CMS liegt hinter /html/body/div/div/div[4]/div/div/ol/li/div[2]/form/fieldset/fieldset/ul/li/div
-.-
Und ich bin zu doof den Code mithilfe des DOM anzupassen...
| Code: | | <li><input type="radio" class="radioblablabla" name="nameblablabla" id="idblablabla" value="4" /> |
Müsste man bei document.formular.frage[2].onclick komplett von vorne bis hinten den Pfad angeben?
sprich document.divname.divname.divname...........liname.
`?
Wie komme ich den am einfachsten an diesen einen li bzw Radiobutton ran? der name dieses radiobuttons ist eindeutig und würde somit schon geeignet sein den direkt anzusprechen (gut das muss vermutlich eh jeder name sein oder?)
|
|
| |
|
|
chrikle
Dabei seit: 02.05.2002
Ort: NRW
Alter: 35
Geschlecht:
|
Verfasst Mi 28.07.2010 17:54
Titel
|
|
|
Hi!
In deinem Beispiel hat dein Radio-Button doch eine ID?
Da kannst du den doch driekt darüber ansprechen:
| Code: |
document.getElementById('idblablabla') = function() {
alert('foo');
} |
Gruß
chris
Zuletzt bearbeitet von chrikle am Mi 28.07.2010 17:55, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
text mit javascript bei klick einblenden
[Javascript] Mehrere Ebenen mit einem Klick ausblenden?
[javascript] bei klick div-layer zeigen
Bei Klick in Formularfeld Inhalt löschen.. - JavaScript?
[Javascript] Pro Klick was anderes in Formular-Feld einfügen
[JavaScript] Beim klick das Bild eines Menüs ändern. Nur wie
|
|
Willkommen auf dem Portal für Mediengestalter
