[JS] id-array aanspreken? - Softwareontwikkeling

woensdag 14 april 2004 17:59

Acties:

Verwijderd

Topicstarter

Omdat ik me nu aan het aanwennen ben om in JS zoveel mogelijk met id's i.p.v. name's te werken, vroeg ik met af of het onderstaande voorbeeld ook mogelijk is met id's:

HTML:

<form name="frmTest">
     <input type="checkbox" name="chkTest" id="chkTest">
     <input type="checkbox" name="chkTest" id="chkTest">
     <input type="checkbox" name="chkTest" id="chkTest">
</form>

JavaScript:

1
2
3

alert(document.frmTest.chkTest[0].checked);
alert(document.frmTest.chkTest[1].checked);
alert(document.frmTest.chkTest[2].checked);

Ik had zelf als het onderstaande geprobeerd, maar dat werkte niet:

JavaScript:

1
2
3

alert(document.getElementById('chkTest')[0].checked);
alert(document.getElementById('chkTest')[1].checked);
alert(document.getElementById('chkTest')[2].checked);

woensdag 14 april 2004 18:07

Acties:

Verwijderd

Een ID moet altijd uniek zijn en kun je dus niet meerdere keren voor een checkbox gebruiken.

woensdag 14 april 2004 18:37

Acties:

Johnny

ondergewaardeerde internetguru

Geef iedere checkbox een uniek ID met opeenvolgende nummers:

HTML:

<form name="frmTest">
     <input type="checkbox" name="chkTest" id="chkTest1">
     <input type="checkbox" name="chkTest" id="chkTest2">
     <input type="checkbox" name="chkTest" id="chkTest3">
</form>

Dan maak je een while loop die blijft doorgaan totdat een checkbox met die ID niet meer bestaat:

JavaScript:

var i = 1;

while(checkbox = document.getElementById('chkTest' + i)) {

alert(checkbox.checked);

i++;
}

[ Voor 18% gewijzigd door Johnny op 14-04-2004 18:38 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

donderdag 15 april 2004 05:39

Acties:

Verwijderd

Een ID moet idd uniek zijn. Maar de name niet!
De method getElementsByName kun je mooi gebruiken:

code:

<html>
<body>
<form name="frmTest">
     <input type="checkbox" name="chkTest" id="chkTest1">
     <input type="checkbox" name="chkTest" id="chkTest2" checked>
     <input type="checkbox" name="chkTest" id="chkTest3">
</form>
<script>
alert(document.getElementsByName("chkTest")[0].checked);
alert(document.getElementsByName("chkTest")[1].checked);
alert(document.getElementsByName("chkTest")[2].checked);
// of dit:
var obj = document.getElementsByName("chkTest");
for (cnt = 0; cnt < obj.length; cnt++) {
  alert(obj[cnt].checked);
}
</script>
</body>
</html>

edit:

Natuurlijk kan het ook via het forms object (aldus crisp):
alert(document.frmTest.chkTest[0].checked);
...maar dat wist je al, je wilde nu wel eens wat met id's gaan doen.

[ Voor 28% gewijzigd door Verwijderd op 15-04-2004 15:56 ]

donderdag 15 april 2004 12:47

Acties:

crisp

Devver

Pixelated

waarom niet gewoon de elements collection van je form gebruiken?

Intentionally left blank

donderdag 15 april 2004 13:09

Acties:

André

Analytics dude

Ter verduidelijking

JavaScript:

for (el in document.forms["frmTest"].elements)
{
  //bla
}

donderdag 15 april 2004 15:53

Acties:

Verwijderd

crisp schreef op 15 april 2004 @ 12:47:
waarom niet gewoon de elements collection van je form gebruiken?

Ja, dat denk ik nu ook. Soms ga je moeilijker denken dan het is.

vrijdag 16 april 2004 11:16

Acties:

B-Man

Je kan volgens mij ook als id "naam[]" gebruiken, en dan het element "naam" zelf als array aanspreken.

vrijdag 16 april 2004 11:38

Acties:

Pelle

🚴‍♂️

In PHP ja, niet in JavaScript.