[JS] Probleem bij uitlezen checkboxen

[Verwijderd]

Ik probeer op de volgende manier de waardes van aangeklikte checkboxen te verkrijgen:

code:

<script>
function checkValue(el) {
  var check = '';
  for (i = 0; i < el.length; i++) {
    if (el[i].checked) {
      check = check + el[i].value + "\n";
    }
  }
  alert(check);
}
</script>

<input type="checkbox" id="check" name="check" value="aap">Aap
<input type="checkbox" id="check" name="check" value="noot">Noot
<input type="checkbox" id="check" name="check" value="mies">Mies

<input type="button" onclick="checkValue(document.getElementById('check'))">

Maar de alert is steeds leeg. Wie kan mij helpen dit werkend te krijgen?

[Upsal]

Eigenlijk mag je elk id maar één keer voor laten komen, je kunt er misschien een array van maken o.i.d.

[ Voor 24% gewijzigd door Upsal op 20-02-2007 13:10 ]

[BtM909]

je hoort normaliter een form om je inputs te plaatsen en als je dat hebt kan je door je elements heen lopen. Per element bekijk je de type en als dat een checkbox is, dan haal je de value op

[Verwijderd]

Ok, ik heb de oplossing gevonden. Vraagje: is er geen mogelijkheid om dit op te lossen zonder dat alles in een form staat?

code:

<script>
function checkValue(el) {
  var c_value = '';
  for (i = 0; i < el.length; i++) {
    if (el[i].checked) {
      c_value = c_value + el[i].value + "\n";
    }
  }
  alert(c_value);
}
</script>

<form>
  <input type="checkbox" name="list" value="aap">Aap
  <input type="checkbox" name="list" value="noot">Noot
  <input type="checkbox" name="list" value="mies">Mies
  <input type="button" onclick="checkValue(this.form.list)">
</form>

[crisp]

Je hebt ook getElementsByName() welke een node-list teruggeeft

[bakakaizoku]

Jawel, door alles checkboxes een uniek ID te geven en ipv. een loopje te maken ze stuk voor stuk te checken dmv. document.getElementById('');

[Verwijderd]

crisp schreef op dinsdag 20 februari 2007 @ 13:29:
Je hebt ook getElementsByName() welke een node-list teruggeeft

Dank je, crisp!