Ragazzi, sono alle primissime armi con Javascript e mi sono appena deliziato con le varie funzioni di navigazione nei nodi del DOM HTML e relative proprietà

Giusto per essere chiari

• x.getElementById(id)
• x.getElementsByTagName(name)
• x.appendChild(node)
• x.removeChild(node)
• x.innerHTML
• x.nodeName
• x.nodeValue
• x.parentNode
• x.childNodes
• x.attributes

Mi sono sembrate potenti ma un pò macchinose. Comunque... ed ecco che mi imbatto in questo codice perfettamente funzionante ma senza alcun senso per quello che ci ho capito finora.

Qualcuno può svelarmi l'arcano?

Grazie
Petronius

html>
<head>
<script>
function checkAll (v) {

for(i=0;i<document.f1.c1.length;i++)
document.f1.c1[i].checked=eval(v);

for(var i=0;i<document.f1.c2.length;i++)
document.f1.c2[i].checked=eval(v);

document.f1.c3.checked=false;
document.f1.c4.checked=false;

}
</script>
</head>
<body>

<form name='f1'>
<input type="checkbox" name="c1" value="1"/>c1-1
</br>
<input type="checkbox" name="c1" value="2"/>c1-2

<input type="checkbox" name="c1" value="3"/>c1-3

<input type="checkbox" name="c1" value="4"/>c1-4

<input type="checkbox" name="c1" value="5"/>c1-5

<input type="checkbox" name="c2" value="1"/>c2-1

<input type="checkbox" name="c2" value="2"/>c2-2

<input type="checkbox" name="c2" value="3"/>c2-3

<input type="checkbox" name="c2" value="4"/>c2-4

<input type="checkbox" name="c2" value="5"/>c2-5

<HR>
<input type="checkbox" name="c3" onclick="checkAll('true')"/>attiva tutti

<input type="checkbox" name="c4" onclick="checkAll('false')"/>disattiva tutti

</form>

</body>
</html>