Zum Inhalt springen

Checkboxen "anklicken"

robotto7831a

Von robotto7831a
in Webdesign

 Teilen

Empfohlene Beiträge

robotto7831a

robotto7831a

Geschrieben
Geschrieben

Hallo zusammen,

ich möchte mit folgendem Code erreichen, dass beim Klick auf den Link alle Checkboxen selected sind bzw. alle wieder unselected sind.



<script language="javascript">

function alle_klick_aus ()

{

	document.getElementById("box").checked =false;

}

function alle_klick_ein ()

{

	document.getElementById("box").checked =true;

}

</script>

<body>


<form action="" method="">


<input id="box" type="checkbox" name="Zahlmethode"> 1<br>

<input id="box" type="checkbox" name="Zahlmethode"> 2<br>


<p>

</form>


<a href="javascript:alle_klick_aus ()">alle aus</a>

<p>

<a href="javascript:alle_klick_ein ()">alle an</a>

[/code]

Das funktioniert aber nur bei der ersten Checkbox. Bei der zweiten nicht. Wahrscheinlich wegen der id. Aber wie muss ich das ändern. Es können später 1 bis n Checkboxen auf der Seite sein.



Frank
Link zu diesem Kommentar
Auf anderen Seiten teilen
forTeesSake

forTeesSake

Geschrieben
Geschrieben

ganz derbe quick and dirty. muss leider wech:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>

<head>

	<title>Untitled</title>

<script language="javascript">

function checkAll(){

	for(i=0;i<=frm.box.length-1;i++){

		frm.box[i].checked = true;

	}

}

function uncheckAll(){

	for(i=0;i<=frm.box.length-1;i++){

		frm.box[i].checked = false;

	}

}


</script>


</head>


<body>

<form name="frm" action="" method="">


<input id="box" type="checkbox" name="Zahlmethode"> 1<br>

<input id="box" type="checkbox" name="Zahlmethode"> 2<br>


<p>

<a href="javascript:checkAll();">alle an</a>

<a href="javascript:uncheckAll();">alle aus</a>



</form>




</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen
tobias-digital

tobias-digital

Geschrieben
Geschrieben 


<input id="box" type="checkbox" name="Zahlmethode"> 1<br>

<input id="box" type="checkbox" name="Zahlmethode"> 2<br>
Moin! Bin zwar kein Javascript Experte, aber die gleiche ID für zwei Element vergeben ist verboten. Richtig wäre hier: 

<input id="box1" class="box" type="checkbox" name="Zahlmethode"> 1<br>

<input id="box2" class="box" type="checkbox" name="Zahlmethode"> 2<br>

Gruß, Tobias

Link zu diesem Kommentar
Auf anderen Seiten teilen
BayK

BayK

Geschrieben
Geschrieben

ich würde das eher so lösen


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>

<head>

	<title>Untitled</title>

<script language="javascript">

function checkAll(){

	for(i=0;i<=frm.Zahlmethode.length-1;i++){

		frm.Zahlmethode[i].checked = true;

	}

}

function uncheckAll(){

	for(i=0;i<=frm.Zahlmethode.length-1;i++){

		frm.Zahlmethode[i].checked = false;

	}

}


</script>


</head>


<body>

<form name="frm" action="" method="">


<input id="box_1" type="checkbox" name="Zahlmethode"> 1<br>

<input id="box_2" type="checkbox" name="Zahlmethode"> 2<br>


<p>

<a href="javascript:checkAll();">alle an</a>

<a href="javascript:uncheckAll();">alle aus</a>

</p>

</form>

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen
robotto7831a

robotto7831a

Geschrieben
  • Autor
Geschrieben

Den Checkboxen einen gleichen Namen zu geben ist leider nicht möglich da ich immer weiteren Programmcode auf die verschiedenen Namen der Checkboxen angewiesen bin. Die Methode mit den doppelten ID's funktioniert erst mal und mein Anwender ist glücklich. Auch wenn es nicht die perfekte Lösung ist. Wenn ich mal Zeit habe werde ich das umbauen.

Frank

Link zu diesem Kommentar
Auf anderen Seiten teilen
kills

kills

Geschrieben
Geschrieben
Den Checkboxen einen gleichen Namen zu geben ist leider nicht möglich da ich immer weiteren Programmcode auf die verschiedenen Namen der Checkboxen angewiesen bin. Die Methode mit den doppelten ID's funktioniert erst mal und mein Anwender ist glücklich. Auch wenn es nicht die perfekte Lösung ist. Wenn ich mal Zeit habe werde ich das umbauen.

Frank

Naja wieso verwendest du im weiteren programmcode nicht einfach die IDs und für das o.g. Problem den Namen?

Gruß,

Markus

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...