Checkbox - counter
ben1234
- javascript
Hallo,
ich habe eine Liste mit "artikeln", die man per checkbox anhaken kann.
Bei submit werden die aktivierten artikel verarbeitet.
Beim anklicken der checkboxen möchte ich gerne ondemand anzeigen, wieviele artikel ausgewählt sind.
Ich weiss jedoch nicht, wie ich bestimmen kann, ob die checkbox aktiviert oder deaktiviert wird?
Daher funktioniert:
<script language="javascript">
<!--
var v_counter=0;
function zaehle() { /* funktion zum zählen */
if (document.zeige.checkbox.checked = true) {
v_counter = v_counter+1;
}
document.zeige.anzeigen.value = (v_counter);
// }
}
// -->
</script>
<form name="zeige">
<p>
<input name="checkbox" type="checkbox" onMouseUp="javascript:zaehle()" value="2">
</p>
<p>
<input name="checkbox" type="checkbox" onMouseUp="javascript:zaehle()" value="3">
</p>
<p>
<input name="checkbox" type="checkbox" onMouseUp="javascript:zaehle()" value="4">
</p>
<p>
<input name="Text" onkeyup="javascript:zaehle()" size="40">
<br>
Anzahl
<input type="text" value="0" name="anzeigen" size="2"> Artikel </p>
</form>
nicht!
Kann mir da jemand helfen?
Hallo,
Beim anklicken der checkboxen möchte ich gerne ondemand anzeigen, wieviele artikel ausgewählt sind.
Ich weiss jedoch nicht, wie ich bestimmen kann, ob die checkbox aktiviert oder deaktiviert wird?
Probiere es so:
<script language="javascript" type="text/javascript">
<!--
var v_counter;
function zaehle()
{/* funktion zum zählen */
v_counter=0;
d=document.zeige.elements["checkbox"];
for(i=0;i<d.length;i++)
{
if(d[i].checked)
{
v_counter++;
}
}
document.zeige.anzeigen.value = (v_counter);
}
//-->
</script>
mit onclick statt onmouseup und ohne javascript:-Praefix!
<input name="checkbox" type="checkbox" onclick="zaehle()" value="2">
name="checkbox" wuerde ich nicht unbedingt favorisieren.
MfG, Thomas
Hallo Thomas,
zu allererst: VIELEN DANK
--> es klappt bestens!!!
Der NAME "checkbox" war lediglich zu demozwecken gewählt.
Danke nochmals und Gruß
Hallo,
--> es klappt bestens!!!
Freut mich.
Der NAME "checkbox" war lediglich zu demozwecken gewählt.
OK.
BTW: Die runden Klammern sind bei der Ausgabe von v_counter nicht noetig -- hatte ich aus Deinem Posting aber so uebernommen.
MfG, Thomas
in sachen JavaScript hab ich noch einiges nachzuholen
(eigentlich mal ich nichts, was sich mit der client-ausgabe befasst!)
;-)