✔ onCheck Funktion bei Checkboxen

[Sichtbarer]

Hi,

ich habe ein kleines Problem. Und zwar folgendes:

Ich habe mehrere Checkboxen. Nun soll beim "checken" ein bestimmter Text in ein Textfeld hinzugefügt werden, beim "unchecken" sollte dieser jedoch wieder entfernt werden. Ich bin momentan soweit, dass der Text zwar hinzugefügt wird, jedoch beim "unchecken" wird er nochmals hinzugefügt, da ich mit onChange arbeite.

Die Checkboxen:

<input onChange="this.form.mem.value = this.form.mem.value + this.value + ','" type="checkbox" name="Fritz" value="Fritz">Fritz
<input onChange="this.form.mem.value = this.form.mem.value + this.value + ','" type="checkbox" name="Karl" value="Karl">Karl

Das Textfeld:

<input type="text" name="mem" size="25" maxlength="150">

Hat jemand eine andere, bessere, Idee?

Danke!

Gruß
Sichtbarer

 

[Quaese]

Hi,

reagiere mal auf das onclick-Event. Dort prüfst Du, ob das Element angewählt wurde (checked) oder
nicht. Im ersten Fall setzt Du den Wert im Textfeld, im anderen Fall wird der Wert mit replace wieder
entfernt.

JavaScript:

<script type="text/javascript">
<!--
function modifyField(objCheckbox){
  if(objCheckbox.checked){
    objCheckbox.form.mem.value = objCheckbox.form.mem.value + objCheckbox.value + ','
  }else{
    objCheckbox.form.mem.value = objCheckbox.form.mem.value.replace(eval("/"+objCheckbox.value+",/g"), "");
  }
}
//-->
</script>

Und der zugehörige HTML-Teil:

<input onclick="modifyField(this);" type="checkbox" name="Fritz" value="Fritz">Fritz
<input onclick="modifyField(this);" type="checkbox" name="Karl" value="Karl">Karl

<input type="text" name="mem" size="25" maxlength="150">

Ciao
Quaese

 

[Sichtbarer]

Hi,

vielen Dank für deine Bemühungen. Funktioniert einwandfrei