Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Checkboxen "anklicken"

robotto7831a
in Webdesign

Empfohlene Antworten

Veröffentlicht

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

nö das mit der ID passt schon, da es dann nur so lesen kann, das es sich um eine Gruppe handelt. Mit ner Schleife könnte man sowas denke ich mal lösen

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>




<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

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>

zweimal die gleiche ID vergeben ist auf jeden fall nicht schön und verboten.

Am besten du gibst den checkboxen den gleichen namen und suchst die elemente dann mit "getElementsByName()"

diese gibt dir immer ein array zurück

  • Autor

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

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

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.