Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 4
Seite [1]
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
 # Thema - 21.07.2009 um 14:17 Uhr
Ich möchte ähnlich wie bei diesem Beispiel, http://de.selfhtml.org/javascript/objekte/anzeige/elements_disabled.htm, ein paar Radio-Buttons erst aktivieren, nachdem eine Checkbox angeklickt worden ist.

Mein Problem liegt jetzt dabei, dass das obige Beispiel mit Radio-Buttons zur Auswahl arbeitet und ich es nicht auf eine Checkbox umgeschrieben bekomme.

Also z.B.

[ ] Deutsch .| . [ ] Mathe <<= EBENE 1
-------------------------------
( ) DE.1 . . . | . ( ) MA.1 << = EBENE 2
( ) DE.2 . . . | . ( ) MA.2
( ) DE.3 . . . | . ( ) MA.3

Erst durch anklicken der Checkboxen in Ebene 1, sollen die Radio-Buttons in Ebene 2 aktiviert und auswählbar werden.

Kann mir jemand dabei helfen?
Hat jemand 'ne Idee?

Tom


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 1 - 21.07.2009 um 14:25 Uhr
 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 function change_checkbox(cb) {
  radio_boxes = document.getElementsByName(cb.name+'_radio');
  for(var i=0; i<radio_boxes.length;i++) {
    radio_boxes[i].disabled = !cb.checked;
    radio_boxes[i].checked = (cb.checked && radio_boxes[i].checked);
  }
} 


die checkboxes bekommen onchange="change_checkbox(this)"

wenn die checkbox german heisst, müssen dann alle radio-boxes dazu german_radio heissen


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 21.07.2009 um 14:41 Uhr (6x Editiert)
Inaktiv
|
Tom08 ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
 # Antwort: 2 - 21.07.2009 um 17:26 Uhr
Danke schonmal für deinen Tipp, aber leider funktioniert es noch nicht so, wie es eigentlich sollte :(

Hier ist mal der Quellcode:
Quellcode +-
 
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.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
1. / 2. / ... 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Fächerwahl</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">
function change_checkbox(cb) {
  radio_boxes = document.getElementsByName(cb.name+'_radio');
  for(var i=0; i<radio_boxes.length;i++) {
    radio_boxes[i].disabled = !cb.checked;
    radio_boxes[i].checked = (cb.checked & & radio_boxes[i].checked);
  }
} 
</script>
</head>
<body>


<h1>Fächerwahl</h1>

<div class="spalte">
        <div class="fach">  <form action="" name="Deutsch">
                            <input type="checkbox" name="Deutsch" onchange="change_checkbox(this)" />Deutsch</div>
        <div class="kurse">
                            <input type="radio" name="Deutsch_radio" value="DE.1" />DE.1 - TBG<br />
                            <input type="radio" name="Deutsch_radio" value="DE.2" />DE.2 - WBT</form>
        </div>
</div>

<div class="spalte">
        <div class="fach"><input type="checkbox" name="Englisch" onchange="change_checkbox(this)" />Englisch</div>
        <div class="kurse">
                    <input type="radio" name="Englisch_radio" value="EN.1" />EN.1 - TBG<br />
                    <input type="radio" name="Englisch_radio" value="EN.2" />EN.2 - WBT
        </div>
</div>
</body>
</html>


Habe ich einen Fehler gemacht, oder wo liegt das Problem?

Tom


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Zuletzt editiert von Tom08 ClanSphere Team am 21.07.2009 um 17:27 Uhr (1x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 3 - 21.07.2009 um 17:30 Uhr
beim posten im Forum hier ist nur 1 leerzeichen zwischen die && gerutscht. ansonsten funktioniert der code, den du gepostet hast (bei dem nochmal posten von dir sind zwar noch ein paar leerzeichen entstanden, aber die hast du bei dir ja eigentlich nicht)


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 21.07.2009 um 17:30 Uhr (1x Editiert)
Inaktiv
|
Tom08 ClanSphere Team
Thread-Ersteller

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
 # Antwort: 4 - 21.07.2009 um 17:33 Uhr
Okay ... Danke!
Jetzt funktioniert es auch

http://tom08.clansphere.de/fw-test/

Tom


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Inaktiv
|
Antworten: 4
Seite [1]


Sie müssen sich registrieren, um zu antworten.