Y at-il un moyen de vérifier un formulaire avant de le soumettre pour voir si des cases à cocher ont été vérifiés?

Question

Y at-il un moyen de vérifier un formulaire avant de le soumettre pour voir si des cases à cocher ont été vérifiées en Javascript?

Quelque chose comme ...

function checkboxcheck(){
/*something in here to check name="brands[]" checkbox array?*/
}

Fondamentalement, je veux juste me alerter si 0 cases à cocher ont été sélectionnés. 1 ou plus est nécessaire.

J'appeler cette fonction soumettre.

Merci beaucoup !!

Answer 1

Que diriez-vous:

function checkboxcheck(name) {
    var els = document.getElementsByName(name);

    for (var i = 0; i < els.length; i++) {
        if (els[i].checked) {
            return true;
        }
    }
    return false;
}

getElementsByName() .

Utilisation:

var valid = checkboxcheck("brands[]");

Voici un exemple: http://jsfiddle.net/andrewwhitaker/2saJp/1/

Answer 2

Vous pouvez faire quelque chose comme ceci:

function anyCheckboxesChecked() {
  var inputs = document.getElementsByTagName('input');
  for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].type === "checkbox" && inputs[i].checked)
      return true;
  }
  return false;
}

Ensuite, vous pouvez appeler cette fonction de votre « soumettre » gestionnaire "

   if (!anyCheckboxesChecked()) {
     alert("Please check one of the appealing checkboxes on the page");
     return false;
   }

Si votre page est plus compliquée que ce que cela implique (comme, s'il y a plusieurs formes), alors vous trouverez le formulaire approprié premier et .getElementsByTagName() d'appel de ce point au lieu de partir document.