hilfe bei dynamisierung

[wissenwill]

Hallo,

bräuchte mal einen kleinen Anstoss zwecks Dynamisierung eines kleinen Scripts.

Erstmal das Script:

<script language="javascript">

var flds  = "chk1,chk2,chk3,chk4".split(",")
var vals  = new Array(2,4,8,16)
var msgs  = new Array();

msgs[0]   = 'Nichts ausgewählt';

msgs[2]   = '1 checked';

msgs[4]   = '2 checked';
msgs[6]   = '2 & 1 checked';

msgs[8]   = '3 checked';
msgs[10]  = '3 & 1 checked';
msgs[12]  = '3 & 2 checked';
msgs[14]  = '3 & 2 & 1 checked';

msgs[16]  = '4 checked';
msgs[18]  = '4 & 1 checked';
msgs[20]  = '4 & 2 checked';
msgs[22]  = '4 & 2 & 1 checked';
msgs[24]  = '4 & 3 checked';
msgs[26]  = '4 & 3 & 1 checked';
msgs[28]  = '4 & 3 & 2 checked';
msgs[30]  = '4 & 3 & 2 & 1 checked';

function chkBoxProc (fld) {
  var val = 0;

for (i=0;i<flds.length;i++) {
    val += (fld.form.elements[flds[i]].checked)?vals[i]:0;
  }
  document.getElementById ('msg').innerHTML = msgs[val];

}
</script>
<form>
<input type="checkbox" name="chk1" onClick="chkBoxProc(this)">1<br />
<input type="checkbox" name="chk2" onClick="chkBoxProc(this)">2<br />
<input type="checkbox" name="chk3" onClick="chkBoxProc(this)">3<br />
<input type="checkbox" name="chk4" onClick="chkBoxProc(this)">4<br />

<span id="msg">Nichts ausgewählt</span>

</form>

Ich möchte das Script um sechs weitere checkboxen erweitern, aber mit der Methode wie oben dargestellt komme ich nicht wirklich weiter, das es einfach zu viele verschiedene Kombinationsmöglichkeiten gibt, ich brauche aber eben genau diese Ausgabe und da weiß ich grad ma gar nicht so richtig weiter.

Wer kann mir helfen das Script ein wenig dynamischer zu machen?
Gibt es zusätzlich noch die Möglichkeit die Array-Werte gegen html-code zu ersetzen? - Möchte darin noch weitere Formularelemente (checkboxen) integrieren.

Danke und Gruß
 -w