:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Formular: Checkbox aktiviert Radio-Buttons

Antworten: 4

Seite [1]

Tom08

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

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 am 21.07.2009 um 14:41 Uhr (6x Editiert)

Inaktiv

Tom08

Thread-Ersteller

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 am 21.07.2009 um 17:27 Uhr (1x Editiert)

Inaktiv

SCHIRI

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 am 21.07.2009 um 17:30 Uhr (1x Editiert)

Inaktiv

Tom08

Thread-Ersteller

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.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> (X)HTML, CSS, JavaScript -> Formular: Checkbox aktiviert Radio-Buttons