✔ Wert von ausgewählten Checkboxen auf Seite ausgeben.

forsterm

forsterm

Erfahrenes Mitglied
Hallo,
ich habe folgendes Problem. Ich habe auf einer Seite mehrere Checkboxen, die alle solch einen Wert besitzen: sitz:x|y, x und y sind dabei Variablen. Nun möchte ich, dass auf der gleiche Seite auf der sich die Checkboxen befinden folgendes steht:
Code: 
Reihe: x Sitz: y
Reihe: x Sitz: y 
Reihe: x Sitz: y
...
(x und y soll natürlich durch den Wert der ausgewählten Checkboxen ersetzt werden.)

Leider weis ich nicht wie ich das angehen muss und im Internet hab ich nichts Passendes gefunden also wende ich mich nun an euch.

mfg
forsterm
 
Meinst du sowas?
HTML: 
<form name="formular">
 	<input type="checkbox" value="Reihe: 1, Sitz: 1" />
 	<input type="checkbox" value="Reihe: 1, Sitz: 2" />
 	<input type="checkbox" value="Reihe: 1, Sitz: 3" />
 	<input type="checkbox" value="Reihe: 1, Sitz: 4" /><br />
 
 	<input type="checkbox" value="Reihe: 2, Sitz: 1" />
 	<input type="checkbox" value="Reihe: 2, Sitz: 2" />
 	<input type="checkbox" value="Reihe: 2, Sitz: 3" />
 	<input type="checkbox" value="Reihe: 2, Sitz: 4" />
 </form>
 
 <div id="output"></div>
 
 <script type="text/javascript"><!--
 	var obj=document.forms['formular'].elements, arr=new Array();
 	for (var i=0; i<obj.length; i++) {
 		if( obj[i].type=='checkbox' ) {
 			obj[i].onchange = new Function('putout()');
 			arr[arr.length] = obj[i];
 		}
 	}
 	
 	function putout() {
 		var out = '';
 		for(var i=0; i<arr.length; i++)
 			if (arr[i].checked) out += arr[i].value +'<br />';
 	    document.getElementById('output').innerHTML = out;    			
 	}
 //-->
 </script>
 
Hallo,
ja genau so was habe ich gemeint, nur bei mir sind die Werte so z.B. so: sitz:1|2 deswegen müsste man dann das ganze zuerst aufteilen. In PHP gäbe es den Befehl explode aber wie man das in Javascript macht weis ich leider nicht.

Weist du evtl. wie das geht?

mfg
forsterm
 
Hallo,
danke Erstmal für die Hilfe. Habs jetzt hinbekommen:
HTML: 
<form name="formular">
<input type="checkbox" value="sitz:1|1" />
<input type="checkbox" value="sitz:1|2" />
<input type="checkbox" value="sitz:1|3" />
<input type="checkbox" value="sitz:1|4" /><br />
 
<input type="checkbox" value="sitz:2|1" />
<input type="checkbox" value="sitz:2|2" />
<input type="checkbox" value="sitz:2|3" />
<input type="checkbox" value="sitz:2|4" />
</form>
 
<script type="text/javascript"><!--
document.write('Sie haben folgende Sitze ausgewählt:<br><br>')
var obj=document.forms['formular'].elements, arr=new Array();
for (var i=0; i<obj.length; i++) {
if( obj[i].type=='checkbox' ) {
	obj[i].onchange = new Function('putout()');
	arr[arr.length] = obj[i];
}
}
 
function putout() {
var out = '';
for(var i=0; i<arr.length; i++)
	if (arr[i].checked){
	var sitze = arr[i].value;
	var sitze = sitze.split(":");
	var sitze = sitze[1];
	var sitze = sitze.split("|");
	var reihe = sitze[0];
	var sitz = sitze[1];
	out += 'Reihe: ' + reihe + ' Sitz: ' + sitz +'<br />';
	}
	 document.getElementById('output').innerHTML = out;	 
}
//-->
</script>
<div id="output"></div>

mfg
forsterm
 
Hallo,
mir ist da noch ein kleiner Fehler aufgefallen und zwar im Mozilla Firefox funktioniert das Script tadellos im IE ist es so, dass man nach dem man eine Checkbox ausgewählt hat erst irgendwo hinklicken muss, damit der Text angezeigt wird, weis jemand woran das liegen könnte?

mfg
forsterm

Beitrag No: 500
 
An dem onchange-Event, den ich verwende. Der Feuert im Geck wirklich wenn sobald die Ceckbox geändert wird um IE erst, wenn sie den Focus verliert. Du könntest im Zweifelsfall einfach statt onchange onclick nehmen, aber dann würde die Änderung der Ceckboxen per Tastatur nicht mehr dazu führen, dass der Text angezeigt wird.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück