[JS] kijken naar checkbox ID

[Verwijderd]

Hallo,

Ik ben weer eens met javascript aan het spelen, maar ik kom er niet echt uit.

Ik heb het volgende script:

JavaScript:

<!--
This file retrieved from the JS-Examples archives
http://www.js-examples.com
1000s of free ready to use scripts, tutorials, forums.
Author: JS-Examples - http://www.js-examples.com/
-->
<script>
function cntprimary(cnt){
    cnt=0;
       for(i=1; i<=8; i++){
       var enc=eval("document.nameofform.checkbox"+i+".checked");
         if(enc){
             cnt++;
         }
       }
       document.getElementById('cont').innerHTML=cnt;
}
</script>
<form name="nameofform">
  <input type="checkbox" name="checkbox1" onClick="cntprimary()" value="checkbox">
  <input type="checkbox" name="checkbox2" onClick="cntprimary()" value="checkbox">
  <input type="checkbox" name="checkbox3" onClick="cntprimary()" value="checkbox">
</form>
<span id=cont>0</span>

Zodra je op een checkbox klik, zet het script in de span hoeveel checkboxen er geselecteerd zijn. Dit werkt prima. Nu zit ik alleen met het probleem, dat ik in mijn form, de 'name' attribute al dynamisch verander om het form door PHP na te laten kijken. Maar omdat deze javascript de name ook al moet veranderen, vroeg ik me af of ik niet 'id="checkbox1" kan gebruiken, en dat javascript dan kijkt naar de ID van de checkbox..maar hoe kan ik dit realiseren?

Alvast bedankt, SAplayer'

[BtM909]

Je kan ook door je elements collectie heen stappen en dan door middel van type kijken of het een checkbox is. Zo ja, dan doe je wat je wilt doen

[Jrz]

je name en id kunnen anders zijn
name -> voor forms/ document.forms[x].elements['naam']
id -> document.getElementById('idtje')

[crisp]

zoiets?

HTML:

<script type="text/javascript">
function count(checkbox)
{
    var allCheckboxes = checkbox.form.elements[checkbox.name];
    var i, count = 0;
    if ((i = allCheckboxes.length) > 1)
    {
        while (i--)
        {
            if (allCheckboxes[i].checked)
                count++;
        }
    }
    else
    {
        if (checkbox.checked)
            count = 1;
    }

    document.getElementById('cont').firstChild.nodeValue = count;
}
</script>
<form action="#">
  <input type="checkbox" name="checkbox[]" onclick="count(this)" value="checkbox">
  <input type="checkbox" name="checkbox[]" onclick="count(this)" value="checkbox">
  <input type="checkbox" name="checkbox[]" onclick="count(this)" value="checkbox">
</form>
<span id=cont>0</span>

[Verwijderd]

@crisp:

bedankt voor je hulp. Ik heb die [checkbox.name] veranderd in [checkbox.id]. Nu kan de name willekeurig zijn, en de ID is overal hetzelfde

[BtM909]

Maar je mag officieel maar 1 id toewijzen aan één element

[Jrz]

Ik denk dat de TS id en name doorelkaar haalt

[moozzuzz]

Jrz schreef op donderdag 08 februari 2007 @ 17:56:
Ik denk dat de TS id en name doorelkaar haalt

... of teveel steunt op www.js-examples.com :^)