Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Markus1979 · 26-10-2009, 23:52

Hallo zusammen,

ich habe einen codeschnipsel gefunden mit dem beim anklicken einer bestimmten checkbox alle anderen checkboxen auch markiert werden.

diese bestimmt Checkbox sieht so aus

HTML-Code:

<input type="checkbox" onClick="CheckAll();" name="all" value="checkbox">

Das Javascript das die anderen markiert sieht wie folgt aus

Code:

	function CheckAll() {
	   if(document.formular.elements['all'].checked)
	   {
		 for(var i = 0; i < document.formular.elements.length; i++)
		 {
		   if(document.formular.elements[i].type == 'checkbox')
		   {
			 document.formular.elements[i].checked = true;
		   }
		 }
	   }
	   else
	   {
		 for(var i = 0; i < document.formular.elements.length; i++)
		 {
		   if(document.formular.elements[i].type == 'checkbox')
		   {
			 document.formular.elements[i].checked = false;
		   }
		 }
	   }
	 }

Funktioniert auch einwandfrei!
Mit diesem Javascript werden allerdings wirklich alle checkboxen auf der seite markiert.

Nun habe ich allerdings auch checkboxen, die nicht markiert werden sollen,

HTML-Code:

<input name="showbeschreibung" type="checkbox" value="1" >
<input name="showtitel" type="checkbox" value="1" >

Leider habe ich von Javascripten nicht wirklich Ahnung.

Könnte mir vielleicht jemand (helfen) das Javascript so unzuschreiben, dass die checkboxen "showtitel" und "showbeschreibung" nicht markiert werden

Vielen Dank schon mal für eure Hilfe

Viele Grüße
Markus

Nightflyer · 27-10-2009, 08:08

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

	<style type="text/css">

	

	
	</style>

	<script type="text/javascript">

	function checkAll( no_check ){

		$('input:checkbox').each( function(){

			if( $.inArray( $(this).attr('name'), no_check ) == -1 ){

				$(this).attr('checked', true );

			}

		});

	}
	

	$(document).ready( function(){

		var no_check = new Array( 'test2', 'test6' );
		checkAll( no_check );

		
	});



	</script>
	
</head>
<body>

<input type="checkbox" name="test1" value="1" /> <br />
<input type="checkbox" name="test2" value="1" /> <br />
<input type="checkbox" name="test3" value="1" /> <br />
<input type="checkbox" name="test4" value="1" /> <br />
<input type="checkbox" name="test5" value="1" /> <br />
<input type="checkbox" name="test6" value="1" /> <br />
<input type="checkbox" name="test7" value="1" /> <br />
	
	
</body>
</html>

Markus1979 · 27-10-2009, 12:04

Hallo Nightflyer,

danke, aber so kann ich es leider nicht gebrauchen... hab mich vielleicht auch ein bisschen unglücklich ausgedrückt.

so wie ich dein script verstanden habe werden einfach ein paar checkboxen, also "test2" und "test6" von markieren ausgeschlossen.

bei mir sieht es so aus wie hier im forum die PN-Liste.... mir geht es um die rechten Checkbox zum markieren der PNs die zB gelscht, verschoben usw werden sollen....

besser fände ich es wenn keine checkbox "namentlich" ausgeschlossen werden, sondern mit meinen script nur checkboxen markiert werden die als name "pnid" haben...

HTML-Code:

<!--Checkboxen die markiert werden sollen-->
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="2" /> <br />
<input type="checkbox" name="pnid" value="3" /> <br />
<input type="checkbox" name="pnid" value="4" /> <br />
<input type="checkbox" name="pnid" value="5" /> <br />
<input type="checkbox" name="pnid" value="6" /> <br />
<input type="checkbox" name="pnid" value="7" /> <br />
<input type="checkbox" name="pnid" value="8" /> <br />

<!--Checkboxen die die oben markiert-->
<input type="checkbox" onClick="CheckAll();" name="all" value="checkbox"> 


<!--Checkboxen die nicht markiert werden sollen-->
<input name="showbeschreibung" type="checkbox" value="1" >
<input name="showtitel" type="checkbox" value="1" >

als bei klick auf "all" sollen nur die checkboxen "pnid" markiert werden,
und umgekehrt.

Viele Grüße und vielen Dank

Markus

Nightflyer · 27-10-2009, 13:17

Ist natürlich sogar noch einfacher

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

	<style type="text/css">

	

	
	</style>

	<script type="text/javascript">

	function checkAll(){

		$('input:checkbox[name=pnid]').attr('checked', true );


	}
	

	$(document).ready( function(){

		
		checkAll();

		
	});



	</script>
	
</head>
<body>

<input type="checkbox" name="test1" value="1" /> <br />
<input type="checkbox" name="pnid"  value="1" /> <br />
<input type="checkbox" name="pnid"  value="1" /> <br />
<input type="checkbox" name="pnid"  value="1" /> <br />
<input type="checkbox" name="test5" value="1" /> <br />
<input type="checkbox" name="test6" value="1" /> <br />
<input type="checkbox" name="test7" value="1" /> <br />
	
	
</body>
</html>

Markus1979 · 27-10-2009, 14:25

Oh man, es war ganz ganz einfach....

"name=pnid" aus deinem script hat mich auf die richtige idee gebracht...

HTML-Code:

<script type="text/javascript">


function CheckAll() {

	if(document.formular.elements['all'].checked) {

		for(var i = 0; i < document.formular.elements.length; i++) {

			if(document.formular.elements[i].name == 'pnid') {	
				document.formular.elements[i].checked = true;
			}
		}
	} else {

		for(var i = 0; i < document.formular.elements.length; i++) {

			if(document.formular.elements[i].name == 'pnid') {
				document.formular.elements[i].checked = false;
			}
		}
	}
}

</script>
	
</head>
<body>

<form name="formular" method="get">


die nicht <input name="showbeschreibung" type="checkbox" value="1" > <input name="showtitel" type="checkbox" value="1" > 

<br /><br />

<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
<input type="checkbox" name="pnid" value="1" /> <br />
	
<br />

klick hier <input type="checkbox" onClick="CheckAll();" name="all" value="checkbox"> 

</form>

das einzige was ich ändern musste war

if(document.formular.elements[i].type == 'checkbox')

austauschen gegen

if(document.formular.elements[i].name == 'pnid')

Trotzdem vielen vielen Dank für deine Hilfe... sie hat mich auf die richtige idee gebracht !!

Viele Grüße
Markus

26-10-2009, 23:52	#1 (permalink)
Markus1979 Neuer User Registriert seit: May 2006 Beiträge: 101	checkbox markiert andere checkboxen Hallo zusammen, ich habe einen codeschnipsel gefunden mit dem beim anklicken einer bestimmten checkbox alle anderen checkboxen auch markiert werden. diese bestimmt Checkbox sieht so aus HTML-Code: <input type="checkbox" onClick="CheckAll();" name="all" value="checkbox"> Das Javascript das die anderen markiert sieht wie folgt aus Code: function CheckAll() { if(document.formular.elements['all'].checked) { for(var i = 0; i < document.formular.elements.length; i++) { if(document.formular.elements[i].type == 'checkbox') { document.formular.elements[i].checked = true; } } } else { for(var i = 0; i < document.formular.elements.length; i++) { if(document.formular.elements[i].type == 'checkbox') { document.formular.elements[i].checked = false; } } } } Funktioniert auch einwandfrei! Mit diesem Javascript werden allerdings wirklich alle checkboxen auf der seite markiert. Nun habe ich allerdings auch checkboxen, die nicht markiert werden sollen, HTML-Code: <input name="showbeschreibung" type="checkbox" value="1" > <input name="showtitel" type="checkbox" value="1" > Leider habe ich von Javascripten nicht wirklich Ahnung. Könnte mir vielleicht jemand (helfen) das Javascript so unzuschreiben, dass die checkboxen "showtitel" und "showbeschreibung" nicht markiert werden Vielen Dank schon mal für eure Hilfe Viele Grüße Markus

27-10-2009, 12:04	#3 (permalink)
Markus1979 Neuer User Registriert seit: May 2006 Beiträge: 101	Hallo Nightflyer, danke, aber so kann ich es leider nicht gebrauchen... hab mich vielleicht auch ein bisschen unglücklich ausgedrückt. so wie ich dein script verstanden habe werden einfach ein paar checkboxen, also "test2" und "test6" von markieren ausgeschlossen. bei mir sieht es so aus wie hier im forum die PN-Liste.... mir geht es um die rechten Checkbox zum markieren der PNs die zB gelscht, verschoben usw werden sollen.... besser fände ich es wenn keine checkbox "namentlich" ausgeschlossen werden, sondern mit meinen script nur checkboxen markiert werden die als name "pnid" haben... HTML-Code: <!--Checkboxen die markiert werden sollen--> <input type="checkbox" name="pnid" value="1" /> <br /> <input type="checkbox" name="pnid" value="2" /> <br /> <input type="checkbox" name="pnid" value="3" /> <br /> <input type="checkbox" name="pnid" value="4" /> <br /> <input type="checkbox" name="pnid" value="5" /> <br /> <input type="checkbox" name="pnid" value="6" /> <br /> <input type="checkbox" name="pnid" value="7" /> <br /> <input type="checkbox" name="pnid" value="8" /> <br /> <!--Checkboxen die die oben markiert--> <input type="checkbox" onClick="CheckAll();" name="all" value="checkbox"> <!--Checkboxen die nicht markiert werden sollen--> <input name="showbeschreibung" type="checkbox" value="1" > <input name="showtitel" type="checkbox" value="1" > als bei klick auf "all" sollen nur die checkboxen "pnid" markiert werden, und umgekehrt. Viele Grüße und vielen Dank Markus

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Beibehalten der CheckBox wete bei wechsel in andere Bilder	Pizza07	Komponenten und SmartClips	1	04-05-2007 11:13
TextArea markiert Inhalt?	api	Komponenten und SmartClips	2	16-01-2007 16:26
Checkboxen - nur eine darf markiert sein	falti	Komponenten und SmartClips	2	26-09-2002 08:20
markiert bleibt markiert, warum?	Rupe	Flash 4 und Flash 5	5	04-06-2002 15:19
*.swf immer markiert	Gargamel	HTML und CSS	3	19-08-2001 13:57