Vous pouvez accéder aux éléments DOM et vérifier leurs biens checked
. Par exemple:
var list, index, item, checkedCount;
checkedCount = 0;
list = document.getElementsByTagName('input');
for (index = 0; index < list.length; ++index) {
item = list[index];
if (item.getAttribute('type') === "checkbox"
&& item.checked
&& item.name === "midlevelusers[]") {
++checkedCount;
}
}
Live example
Il nous regardant à travers tout le document , ce qui peut ne pas être efficace. Si vous avez un conteneur autour de ceux-ci (et probablement un élément form
), vous pouvez donner un ID à cet élément et ne regarder que dans celui-ci (seules les lignes var
, form =
et list =
sont nouvelles/différentes):
var form, list, index, item, checkedCount;
checkedCount = 0;
form = document.getElementById('theForm');
list = form.getElementsByTagName('input');
for (index = 0; index < list.length; ++index) {
item = list[index];
if (item.getAttribute('type') === "checkbox"
&& item.checked
&& item.name === "midlevelusers[]") {
++checkedCount;
}
}
Live example
hors sujet: Vous ne l'avez pas mentionné l'aide d'une bibliothèque, donc je n'ai pas utilisé un au-dessus, mais FWIW ce genre de choses est beaucoup plus facile si y ou utilisez-en un comme jQuery, Prototype, YUI, Closure ou any of several others. Par exemple, avec jQuery:
var checkedCount = $("input[type=checkbox][name^=midlevelusers]:checked").length;
Live example D'autres bibliothèques seront similaires, bien que les détails peuvent varier.
Merci pour l'affichage de la méthode jQuery - beaucoup plus facile que ce que je faisais avant. –