[JS]Disable radio-buttons - Softwareontwikkeling

maandag 8 december 2003 17:14

Acties:

Topicstarter

Ik heb de laatste dagen al mn tijd gestoken in het maken van een online enquete. Alles werkt maar er is 1 probleem. Als bezoeker maak je de volgende keuzes:

Belang:

O O O O O
1 2 3 4 5

Tevredenheid:

O O O O O
1 2 3 4 5

Geen mening

O

Probleem is: als mensen op de radiobutton voor "Geen Mening" klikken dan moeten de andere radio's gedisabled worden. Ik heb verschillende scripts geprobeerd inclusief deze:

code:

<script type='text/javascript'>
function clearRadios( radioname) {
for (i = 0; i < document.forms[0][radioname].length; i++) {
document.forms[0][radioname][i].disabled = true
}
}
</script>

De "geen mening" button heeft deze code:

code:

1	<input type=radio name="no_op" value="no_opinion" onclick="clearRadios('importance');">

Wat niet werkt is dat, al je klikt, alle radiobutton welke de naam "importance" hebben, disabled worden. Het werkt WEL met 1 button maar daar heb ik niks aan in dit geval. Plus: de "tevredenheid" buttons moeten ook nog gedisabled worden.

Iemand enig freakin idee wat te doen. Heb echt overal gezocht

[ Voor 9% gewijzigd door BlueAce op 08-12-2003 17:15 ]

maandag 8 december 2003 17:23

Acties:

André

Analytics dude

document.forms[0].elements[radioname].length?

maandag 8 december 2003 17:30

Acties:

crisp

Devver

Pixelated

ik zou voor "geen mening" een checkbox gebruiken, die kan je ook weer uitvinken:

HTML:

<html>
<head>
<title>radio buttons disabled</title>
<script type="text/javascript">

function clearRadios(radioname, val) {

  var radio = document.forms[0].elements[radioname];
  var i = radio.length;
  while (i--) radio[i].disabled = val;

}

</script>
</head>
<body>
<form action="#">
importance:
 <input type="radio" name="importance" />
 <input type="radio" name="importance" />
 <input type="radio" name="importance" />
 <input type="radio" name="importance" />
 <input type="radio" name="importance" /><br />
tevredenheid:
 <input type="radio" name="tevredenheid" />
 <input type="radio" name="tevredenheid" />
 <input type="radio" name="tevredenheid" />
 <input type="radio" name="tevredenheid" />
 <input type="radio" name="tevredenheid" /><br />
geen mening:
 <input type="checkbox" name="no_op" value="no_opinion"
   onclick="clearRadios('importance',this.checked);clearRadios('tevredenheid',this.checked);">
</form>
</body>
</html>

Intentionally left blank

maandag 8 december 2003 17:44

Acties:

BlueAce

Topicstarter

Het enige dat ik kan zeggen is: Wow, het werkt. Zo zie je maar hoeveel ik nog moet leren over Javascript

Big thx crisp, als ik een zoon had zou ik m op dit moment aan je schenken $_/-\o_$

maandag 8 december 2003 17:48

Acties:

crisp

Devver

Pixelated

BlueAce schreef op 08 december 2003 @ 17:44:
[...]
Big thx crisp, als ik een zoon had zou ik m op dit moment aan je schenken $_/-\o_$

Intentionally left blank