checkboxen überprüfen
hibbert
- javascript
0 Erde
hallo,
nicht meckern, ich kann mir gut vorstellen, dass dieses thema min. schon 100 x angesprochen wurde, doch soweit ich das weiß, war meine lösung nicht dabei, also
MEIN PROBLEM:
ich habe eine html seite. auf der sind so etwa 50 checkboxen, jede checkbox hat ein anderes value, z.b. hat die checkbox1 das value 'checkbox001'. wenn der user nun auf einen button klickt, sollen alle values der ausgewählten checkboxen in einem textfeld erscheinen. ist das mi JS möglich?
mfg hibbert
achso, bitte postet nicht irgendsoein fachgesimple, denn ich bin noch recht neu auf diesem gebiet. danke.
nochmal mfg hibbert ;o)
Hallo,
ich hab dir schnell was geschrieben. Bei mir haben die Checkboxen keine eigenen namen sondern "checkbox[]" genannt damit werden sie von Java wie ein array mit checkbox[1], checkbox[2], checkbox[3]... behandelt.
Du musst beim Aufruf der Funktion "checkboxen_kontrollieren(8)" in der klammer nur die Anzahl der Checkboxen angeben (bei mir 8).
------------------
<html>
<head>
<script language ="JavaScript">
<!--
function checkboxen_kontrollieren(anzahl)
{
var i;
var text = "";
for (i = 0; i < anzahl; i++)
{
if (document.formular.elements["checkbox[]"][i].checked)
{
text = text + document.formular.elements["checkbox[]"][i].value + "\n";;
}
}
document.formular.textfeld.value = text;
}
// --->
</script>
</head>
<form action="" method="" target="" name=formular>
<input type="Checkbox" name="checkbox[]" value="value1">value1<br>
<input type="Checkbox" name="checkbox[]" value="value2">value2<br>
<input type="Checkbox" name="checkbox[]" value="value3">value3<br>
<input type="Checkbox" name="checkbox[]" value="value4">value4<br>
<input type="Checkbox" name="checkbox[]" value="value5">value5<br>
<input type="Checkbox" name="checkbox[]" value="value6">value6<br>
<input type="Checkbox" name="checkbox[]" value="value7">value7<br>
<input type="Checkbox" name="checkbox[]" value="value8">value8<br>
<input type="Button" name="knopf" value="Drücken" onClick="checkboxen_kontrollieren(8)"><br>
<textarea name="textfeld" cols="20" rows="20"></textarea>
</form>
</body>
</html>