Checkbox et variable tableau
Bonjour à tous,
dans le cadre du développement d'un site avec Joomla, je suis entrain de coder mon tout premier JavaScript. Je dois avouer qu'un objet checkbox dans mon formulaire est entrain de me rendre vraiment dingue!!
Voilà déjà la définition de mon formulaire en HTML:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| <form method="post" id="userForm" name="sla-calculator" enctype="multipart/form-data" action="http://81.56.166.98/DBI/index.php?option=com_rsform&formId=4">
<table border="0" width=100%>
<tr class="rsform-block rsform-block-header">
<td colspan=4><b>This Calculator permits to estimate...</b><div class="formClr"></div></td>
</tr>
<tr height=15>
</tr>
...
<tr><td colspan=4><H3>Available Options</H3><div class="formClr"></div></td>
</tr>
</tr>
<td colspan=4><HR width=100%></td>
</tr>
<tr class="rsform-block rsform-block-coptions">
<td colspan=4>Select the desired options</td>
</tr>
<trclass="rsform-block rsform-block-coptions">
<td colspan=4><input name="form[COptions][]" type="checkbox" value="7x24" id="COptions0" /><label for="COptions0">7x24</label><input name="form[COptions][]" type="checkbox" value="High Availability" id="COptions1" /><label for="COptions1">High Availability</label><input name="form[COptions][]" type="checkbox" value="Keep Up to Date" id="COptions2" /><label for="COptions2">Keep Up to Date</label><input name="form[COptions][]" type="checkbox" value="Operating System" id="COptions3" /><label for="COptions3">Operating System</label><div class="formClr"></div><span id="component30" class="formNoError">Invalid Input</span></td>
</tr> |
J'essaie maintenant dans mon JavaScript d'assigner mes checkbox à une ou plusieurs variables.
La solution suivante fonctionne:
Code:
var Opt=document.getElementById('COptions0');
Le soucis dans ce cas, est que je doit faire autant de variables que de checkbox et que je peux pas les traiter sous forme d'un tableau.
J'ai donc regardé plusieurs tutoriaux et essayé les combinaisons suivantes, mais aucune ne fonctionne:
Code:
1 2 3 4 5 6
| var Opt=document.sla-calculator.COptions;
var Opt=document.sla-calculator.Form[COptions];
var Opt=document.userForm.COptions;
var Opt=document.userForm.Form[COptions];
var Opt=document.getElementById('COptions');
var Opt=document.getElementById('Form[COptions]'); |
Si quelqu'un pouvait m'expliquer comment accèder à mes checkbox via un tableau, ça serait super super cool.
Merci d'avance
Kaz