[Erledigt] nicht alle werden gechecked

alex9787 · 21.07.2010, 17:36

Hallo,

ich würde gerne alle checkboxen nach funktionsstart auf true setzen. leider wird nur die erste berücksichtigt, der rest nicht. hier erstmal mein code:

Code:

<script type="text/javascript">
	function alle () {
	  document.getElementById("checkbox").checked = true;
	}
</script>
<form name="form" action="">
	<input type="checkbox" id="checkbox" name="1" >
	<input type="checkbox" id="checkbox" name="2" >
	<input type="checkbox" id="checkbox" name="3" >
	<input type="checkbox" id="checkbox" name="4" ><br>
	<div type="button" onclick="alle()">alle</div>
</form>

Ich muss in meinem fall mit ids arbeiten, da name bereits von php verwendet wird und die id der mail beinhaltet. also immer verschieden ist. (name="$n" > 231, 268, 310, ...). Aber wen JS auch das hinbekommt, zum beispiel mit einer schleife in einer funktion, würd ich auch name nutzen. zum beispiel sowas:
for( var i = 0;i<1000;i++){
document.form.+i+.checked=true;} oder so xD

aber erstmal die id, warum werden nicht alle gechecked sondern nur die erste? danke schomal.

Manko10 · 21.07.2010, 17:43

Eine ID heißt deshalb ID, weil sie eine IDentifikation erlaubt, das heißt auch, dass eine ID auf einer Seite einmalig sein muss und nur bei einem Element vorkommen kann.
Was du suchst, ist getElementsByTagname('input') mit der Prüfung, ob das Attribut type den Wert "checkbox" hat. Nicht getElementById().

Asipak · 21.07.2010, 17:47

... (Codeschnipsel rauseditiert) sorry, habs mir überlegt, nicht der Sinn des Forums ...

ChrisB · 21.07.2010, 17:47

Zitat:

Zitat von alex9787

Ich muss in meinem fall mit ids arbeiten

Du darfst aber nicht so mit IDs arbeiten, weil HTML das schlicht und einfach nicht erlaubt - eine ID muss dokumentweit eindeutig sein.

Zitat:

aber erstmal die id, warum werden nicht alle gechecked sondern nur die erste?

Wegen der nötigen Eindeutigkeit einer ID ist auch die Methode getElementById natürlich darauf ausgelegt, genau ein Element zurück zu liefern.

Wenn du mit mehreren Elementen etwas machen willst - dann brauchst du eine Schleife.

Gehe bitte folgendermaßen vor:
1. Lerne Grundlagen von HTML
2. Lerne Grundlagen von JavaScript
3. (optional) Frage hier wieder nach, wenn du noch weitere Probleme damit hast - aber erst dann, wenn du Schritt 1. und 2. abgearbeitet hast!

Manko10 · 21.07.2010, 17:51

Du nimmst auch kein Blatt vor den Mund, oder?

Asipak · 21.07.2010, 17:52

Wo er Recht hat...

alex9787 · 21.07.2010, 17:55

Hey super danke dir. hab mich ma in js eingelesen aber getelementbytagname war mir noch unbekannt =)

ich musste nur noch ne schleife einbinden und so werden alle nun gechecked =)

Code:

function alle () {
		for(var i = 0; i<100;i++){
	  document.getElementsByTagName("input")[i].checked = true;
	  }
	  
	}

danke dir.

Manko10 · 21.07.2010, 17:56

Zitat:

aber getelementbytagname war mir noch unbekannt

getElementsByTagname()! Man beachte den Plural (im Gegensatz zu getElementById()).
Im Übrigen wäre es sinnvoller, die Funktion einmal vor der Schleife aufzurufen anstatt zig mal innerhalb. Unnötiger Overhead, außerdem kannst du damit gleich die Menge an Schleifendurchläufen festlegen.

Code:

function alle () {
    var checkboxes = document.getElementsByTagName("input");
    for(var i = 0; i < checkboxes.length; i++){
        checkboxes[i].checked = true;
    }
}

Asipak · 21.07.2010, 17:57

Wobei die Funktion noch praktischer wäre, würdest du die Checkboxen vorher zählen, sonst musst du bei einer Wiederverwendung des Scripts jedesmal die Anzahl der Schleifendurchläufe ändern. Bei einer Anwendung, bei der sich die Anzahl der Checkboxen dynamisch ändern kann, müsstest du mit diesem Schnipsel bereits ganz aufgeben.

Gruß

[edit] Hey Manko, da hast du jetzt aber drübereditiert

ChrisB · 21.07.2010, 17:59

[OT]

Zitat:

Zitat von Manko10

Du nimmst auch kein Blatt vor den Mund, oder?

In Bezug auf was hätte ich das tun sollen ...?

Das Grundlagenwissen über HTML fehlt, ist aus der Problembeschreibung offensichtlich.

Und dass es absolut unsinnig ist, auf defektem HTML überhaupt mit JavaScript arbeiten zu wollen, ist auch ein verbreiteter Erfahrungswert.

Deshalb kann die Empfehlung hier nur lauten: Lerne Grundlagen, und zwar in der angegebenen Reihenfolge.

Und das bringe ich lieber deutlich zum Ausdruck, als mit so viel Zucker verkleistert, dass der Frager dann doch wieder nur nach einer Reparatur seines defekten Codes zu fragen geneigt ist - selbst wenn wir die für ihn vornehmen, hilft ihm das nämlich auf Dauer nicht weiter, das nächste Problem gleicher Bauart kommt dann bestimmt.

Bei sämtlichen clientseitigen Problemen gilt: Immer zuerst validen Code (HTML/CSS) herstellen, bevor man überhaupt mit der Problemanalyse weiter macht.
[/OT]

21.07.2010, 17:36	#1 (permalink)
alex9787 Benutzer Registriert seit: 19.10.2009 Beiträge: 69 PHP-Kenntnisse: Anfänger	[Erledigt] nicht alle werden gechecked Hallo, ich würde gerne alle checkboxen nach funktionsstart auf true setzen. leider wird nur die erste berücksichtigt, der rest nicht. hier erstmal mein code: Code: <script type="text/javascript"> function alle () { document.getElementById("checkbox").checked = true; } </script> <form name="form" action=""> <input type="checkbox" id="checkbox" name="1" > <input type="checkbox" id="checkbox" name="2" > <input type="checkbox" id="checkbox" name="3" > <input type="checkbox" id="checkbox" name="4" ><br> <div type="button" onclick="alle()">alle</div> </form> Ich muss in meinem fall mit ids arbeiten, da name bereits von php verwendet wird und die id der mail beinhaltet. also immer verschieden ist. (name="$n" > 231, 268, 310, ...). Aber wen JS auch das hinbekommt, zum beispiel mit einer schleife in einer funktion, würd ich auch name nutzen. zum beispiel sowas: for( var i = 0;i<1000;i++){ document.form.+i+.checked=true;} oder so xD aber erstmal die id, warum werden nicht alle gechecked sondern nur die erste? danke schomal.

21.07.2010, 17:43	#2 (permalink)
Manko10 Supermoderator Registriert seit: 16.03.2008 Beiträge: 6.749 PHP-Kenntnisse: Fortgeschritten	Eine ID heißt deshalb ID, weil sie eine IDentifikation erlaubt, das heißt auch, dass eine ID auf einer Seite einmalig sein muss und nur bei einem Element vorkommen kann. Was du suchst, ist getElementsByTagname('input') mit der Prüfung, ob das Attribut type den Wert "checkbox" hat. Nicht getElementById(). __________________ Take your Linux to the next level with Refining Linux!

21.07.2010, 17:47	#3 (permalink)
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 2.837	... (Codeschnipsel rauseditiert) sorry, habs mir überlegt, nicht der Sinn des Forums ... __________________ Das PHP.DE Coding-Quiz \| HalloPHP

21.07.2010, 17:51	#5 (permalink)
Manko10 Supermoderator Registriert seit: 16.03.2008 Beiträge: 6.749 PHP-Kenntnisse: Fortgeschritten	Du nimmst auch kein Blatt vor den Mund, oder? __________________ Take your Linux to the next level with Refining Linux!

21.07.2010, 17:52	#6 (permalink)
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 2.837	Wo er Recht hat... __________________ Das PHP.DE Coding-Quiz \| HalloPHP


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.07.2010, 17:55	#7 (permalink)
alex9787 Benutzer Registriert seit: 19.10.2009 Beiträge: 69 PHP-Kenntnisse: Anfänger	Hey super danke dir. hab mich ma in js eingelesen aber getelementbytagname war mir noch unbekannt =) ich musste nur noch ne schleife einbinden und so werden alle nun gechecked =) Code: function alle () { for(var i = 0; i<100;i++){ document.getElementsByTagName("input")[i].checked = true; } } danke dir.

21.07.2010, 17:57	#9 (permalink)
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 2.837	Wobei die Funktion noch praktischer wäre, würdest du die Checkboxen vorher zählen, sonst musst du bei einer Wiederverwendung des Scripts jedesmal die Anzahl der Schleifendurchläufe ändern. Bei einer Anwendung, bei der sich die Anzahl der Checkboxen dynamisch ändern kann, müsstest du mit diesem Schnipsel bereits ganz aufgeben. Gruß [edit] Hey Manko, da hast du jetzt aber drübereditiert __________________ Das PHP.DE Coding-Quiz \| HalloPHP Geändert von Asipak (21.07.2010 um 18:02 Uhr).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten: