Korte vraag: Checkbox checked of unchecked maken in javascript

Door Reforced op 31-10-2008 14:59

2.161 views

Hallo,

Ik heb de volgende code:


if (aangekruist == true) {
z=document.getElementById('checkbox);
z.setAttribute('CHECKED', 'CHECKED');
} else {
z=document.getElementById('checkbox');
z.setAttribute('CHECKED', 'UNCHECKED');
}

Probleem is dat wanneer een checkbox is gechecked, javascript hem niet meer kan unchecken; ik heb al geprobeerd CHECKED, OFF en CHECKED, FALSE, UNCHECKED, ON en UNCHECKED, UNCHECKED en dus bovenstaande code, allen zonder succes..

Vraag dus: Hoe de checkbox attribute op unchecked setten wanneer deze gechecked is?

/ /home/joost

31-10-2008 15:01

onderste regel:
z.setAttribute('CHECKED', 'UNCHECKED');
z.setAttribute('CHECKED', '');

mischien dat dit werkt......

mvg Joost.

R Reforced

31-10-2008 15:03

Nee, helaas ook niet; andere opties?

J John Zondag

31-10-2008 15:10

Bij mij werkt
document.forms[0].elements[i].checked=state; (in gegenereerde Javascript)

State is daar 'true' of 'false'.

Probeer het eens...

Greetz,
John

R Reforced

31-10-2008 15:12

Opgelost. In plaats van de attribute CHECKED te willen aanpassen, heb ik deze gewoon verwijderd :P Werkt prima.

Code is nu geworden (voor de geinstereseerden)


if (aangekruist == true) {
z=document.getElementById('checkbox);
z.setAttribute('CHECKED', 'CHECKED');
} else {
z=document.getElementById('checkbox');
z.removeAttribute('CHECKED');
}

Toch bedankt voor je input, Eamonn & John ;-)

R Reforced

31-10-2008 15:55

Niet opgelost en functie heb ik laten vervallen. Schijnt dat IE7 er niet mee overweg kan..

Zie ook:
http://forums.microsoft.com/msdn/ShowPost.aspx?PostID=842144&SiteID=1

Dus be warned.

T Tim

31-10-2008 16:22

De simpelste oplossing is in dit geval het beste. Probeer dit voorbeeld eens:

<input type="checkbox" id="checkbox" name="" value="" /> vinkje!

<script type="text/javascript">

document.getElementById('checkbox').checked = true;

</script>

R Reforced

31-10-2008 16:34

Geweldig, het werkt!! Is eigelijks dus het zelfde als wat John bedoelde!

De code is nu geworden:


<script type="text/javascript">
aangekruist = confirm('Moet dit vak worden aangekruist?');

if (aangekruist == true) {
document.getElementById('checkboxID').checked = true;
} else {
document.getElementById('checkboxID').checked = false;
} 
</script>

Allen en Tim Bedankt!

Reageren

Inloggen om te reageren