HTML interesse |
|
Ik heb een 5-tal checkboxen op een formulier staan en hiervan mogen er drie ervan ingevoerd worden als een waarde. Zodra er vier aangevinkt zijn dan moet de waarde overschieten naar all
Dit heb ik zover:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkChoice(field, i) {
if (i == 0) { // "All" checkbox selected.
if (field[0].checked == true) {
for (i = 1; i < field.length; i++)
field[i].checked = false;
}
}
else { // A checkbox other than "Any" selected.
if (field[i].checked == true) {
field[0].checked = false;
}
}
}
// End -->
</script>
<form name=ikke>
<table>
<tr><td>
<input type=checkbox name="groep[]" value="*" onclick="checkChoice(document.ikke.groep[], 0)" checked>All
<br>
<input type=checkbox name="groep[]" value="science" onclick="checkChoice(document.ikke.groep[], 1)">Science
<br>
<input type=checkbox name="groep[]" value="math" onclick="checkChoice(document.ikke.groep[], 2)">Math
<br>
<input type=checkbox name="groep[]" value="english" onclick="checkChoice(document.ikke.groep[], 3)">English
<br>
<input type=checkbox name="groep[]" value="history" onclick="checkChoice(document.ikke.groep[], 4)">Histroy
<br>
<input type=checkbox name="groep[]" value="other" onclick="checkChoice(document.ikke.groep[], 5)">Other
</td></tr>
</table>
</form>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function checkChoice(field, i) { if (i == 0) { // "All" checkbox selected. if (field[0].checked == true) { for (i = 1; i < field.length; i++) field[i].checked = false; } } else { // A checkbox other than "Any" selected. if (field[i].checked == true) { field[0].checked = false; } } } // End --> </script> <form name=ikke> <table> <tr><td> <input type=checkbox name="groep[]" value="*" onclick="checkChoice(document.ikke.groep[], 0)" checked>All <br> <input type=checkbox name="groep[]" value="science" onclick="checkChoice(document.ikke.groep[], 1)">Science <br> <input type=checkbox name="groep[]" value="math" onclick="checkChoice(document.ikke.groep[], 2)">Math <br> <input type=checkbox name="groep[]" value="english" onclick="checkChoice(document.ikke.groep[], 3)">English <br> <input type=checkbox name="groep[]" value="history" onclick="checkChoice(document.ikke.groep[], 4)">Histroy <br> <input type=checkbox name="groep[]" value="other" onclick="checkChoice(document.ikke.groep[], 5)">Other </td></tr> </table> </form>
Zodra ik de arrays laat verdwijnen (zoals hieronder), dan werkt het formulier wel. Echter is dat niet een mooie oplossing voor de database vervuiling. Wie kan me hierbij helpen??
Het formulier zoals nu is wel het werkt:
<form name=ikke>
<table>
<tr><td>
<input type=checkbox name="groep" value="*" onclick="checkChoice(document.ikke.groep, 0)" checked>All
<br>
<input type=checkbox name="groep" value="science" onclick="checkChoice(document.ikke.groep, 1)">Science
<br>
<input type=checkbox name="groep" value="math" onclick="checkChoice(document.ikke.groep, 2)">Math
<br>
<input type=checkbox name="groep" value="english" onclick="checkChoice(document.ikke.groep, 3)">English
<br>
<input type=checkbox name="groep" value="history" onclick="checkChoice(document.ikke.groep, 4)">Histroy
<br>
<input type=checkbox name="groep" value="other" onclick="checkChoice(document.ikke.groep, 5)">Other
</td></tr>
</table>
</form>
<form name=ikke> <table> <tr><td> <input type=checkbox name="groep" value="*" onclick="checkChoice(document.ikke.groep, 0)" checked>All <br> <input type=checkbox name="groep" value="science" onclick="checkChoice(document.ikke.groep, 1)">Science <br> <input type=checkbox name="groep" value="math" onclick="checkChoice(document.ikke.groep, 2)">Math <br> <input type=checkbox name="groep" value="english" onclick="checkChoice(document.ikke.groep, 3)">English <br> <input type=checkbox name="groep" value="history" onclick="checkChoice(document.ikke.groep, 4)">Histroy <br> <input type=checkbox name="groep" value="other" onclick="checkChoice(document.ikke.groep, 5)">Other </td></tr> </table> </form>
|