Axel Richter: markierter checkboxen, text-inhalt von di/input field löschen

Beitrag lesen

Hallo,

ich möchte anhand von markierten checkboxen, den text-inhalt eines divs und den value des input type="text" feldes löschen,
bsp:

<fom name="formular">
<table cellpadding="1" cellspacing="1" border="0" width="400">
<tr>
<td><input type="checkbox" name="delete"></td>

<td><input type="text" name="text_0" value="Text A"></td>
<td><div id="inhalt_0">Inhalt 1</div></td>

</tr>
<tr>
<td><input type="checkbox" name="delete"></td>

<td><input type="text" name="text_1" value="Text B"></td>
<td><div id="inhalt_1">Inhalt 2</div></td>

</tr>
</table>
<input tpye="button" onClick="delSelectedText()">
</form>

Mein erster Ansatz ist, daß ich mir erstmal alle Elemente einsammle die checked sind, und dann müßte ich definieren können, bei welchen elementen ich den inhalt löschen kann. blos wie?

function delSelectedText() {
 //alle Elemente im Formular "formular", die den Namen "delete" haben
 var el = document.forms["formular"].elements["delete"];
 for (i = 0;i<el.length;i++) {
  if (el[i].checked) {
     document.forms["formular"].elements["text_" + i].value = "";
     document.getElementById("inhalt_" + i).style.visibility = "hidden";
  }
 }
}

Wenn Du die IDs der DIVs und die Namen der Textfelder mit Name_0, Name_1, Name_2 ... bezeichnest, dann kann das i in der Schleife die Verbindung zwischen Checkbox und Textfeld bzw. DIV sein.

Weiterhin würde ich den Inhalt des DIV-Elements nicht löschen, sondern nur unsichtbar machen.

viele Grüße

Axel