Javascript code de validation pour s'assurer qu'au moins une case est cochée

Comment pourrais-je ajouter du code javascript de validation pour s'assurer qu'au moins un des éléments est-elle vérifiée?

Sélectionnez parmi les cours ci-dessous:

        <ul id="class_prices">
             <li>

                <input onclick="update()" name="lbsm" id="lsbm" type="checkbox" value="lbsm">
                <label>Law &amp; Business Study Material ($59.00)</label>
            </li>

            <li>

                <input onclick="update()" name="tsm" id="tsm" type="checkbox" value="tsm">
                <label>Trade Study Material ($59.00)</label>
            </li>
            <li>

                <input onclick="update()" name="lbepc" id="lbepc" type="checkbox" value="lbepc">
                <label>Law &amp; Business Exam Preperation Class ($50.00)</label>
            </li>
            <li>

                <input onclick="update()" name="tepc" id="tepc" type="checkbox" value="tepc">
                <label>Trade Exam Preperation Class ($50.00)</label>
            </li>

        </ul>

        </td>

            <td><h2>$<span id="coursetotal"></span></h2></td>
                </tr>

Voici le code javascript que j'ai, et qui ne fonctionne pas.

<script type="text/javascript">
  function valthisform() {
    var chkd = document.form1.lsbm.checked || document.form1.tsm.checked||  document.form1.lbepc.checked|| document.form1.tepc.checked

    if (chkd == true) { } else { alert ("please check a checkbox") }
  }
</script>

J'apprécie vos commentaires.

  • Votre code a été assez compliqué... et c'était juste quelques lignes! Utiliser la bonne indentation de sorte que c'est plus facile à lire. Ne jamais utiliser quelque chose comme chkd == true. Si vous avez vraiment besoin de tester si quelque chose est vrai, utiliser if( chkd ). Dans votre cas, chkd est soit undefined ou "checked". if( chkd == true ) sera de retour faux dans les deux cas. Utiliser if( chkd == undefined ) ou if( !chkd ) et supprimer le vide bloc de code tout à fait.
  • J'ai essayé et ça ne fonctionne pas. Ceci est la page que je suis en train de travailler sur. contractorsintelligence.com/secured_payment/...
  • stackoverflow.com/questions/7960208/...
InformationsquelleAutor Leo Vorontsov | 2013-06-28
  1. 0

    Je viens de tester votre javascript et il semble fonctionner comme prévu. Il y a un problème avec le script lui-même, et c'est qu'il ne retourne pas une valeur.

    <script type="text/javascript">
  function valthisform() {
    var chkd = document.form1.lsbm.checked || document.form1.tsm.checked||  document.form1.lbepc.checked|| document.form1.tepc.checked

    if (chkd) {
      return true; //Submit the form
    } else {
      alert ("please check a checkbox");
      return false; //Prevent it from being submitted
    }
  }
</script>

    LiveValidationForm a un gestionnaire de soumission jointe au formulaire de trop et que le gestionnaire peut interférer avec votre gestionnaire et/ou empêcher le formulaire de soumis.

    Fait amusant: Vous avez document.form1.lsbm.checked correctement orthographié dans votre javascript, en tant qu'élément de votre document est correctement orthographié id de lsbm au lieu de lbsm trop.

    • Merci pour vos commentaires. J'ai essayé ton code et ça ne fonctionne toujours pas. Est-il de toute façon que je peux le réparer, et faire un Live de Validation?
    • Je ne suis pas familier avec LiveValidationForm. Ne pouvez-vous pas une certaine façon de mettre cela en LiveValidationForm?
    • Merci! Le code a travaillé seulement après que j'ai résolu le PHP côté. J'ai utilisé si la fonction en php.
    InformationsquelleAutor Sumurai8
  2. 0

    Obtenir toutes les cases à l'intérieur de l'UL, et si aucun d'entre eux sont contrôlés, de définir la chkd variable à true :

    var inputs = document.getElementById('class_prices').getElementsByTagName('input'),
    chkd = false;

for (var i=inputs.length; i--;) {
    if (inputs[i].type.toLowerCase() == 'checkbox' && inputs[i].checked) chkd = true;
}

    VIOLON

    • Je me demandais si vous savez de toute raison d'utiliser .type.toLowerCase(). Je n'ai jamais vu un cas où, même si l'attribut est en majuscules, la propriété n'est pas converti en minuscules. Alors encore une fois, je ne fais pas cette case souvent/jamais, et ne l'ai pas testé dans de nombreux/tous les navigateurs
    • Euh, eh bien, ne peut pas dire que j'ai jamais vu le type en majuscules soit, je viens de convertir des trucs pour s'en assurer, comme je l'ai toujours tendance à f**k lorsque l'on compare les noms d'étiquette, et ils reviennent en majuscules !
    • Haha ouais, je sais avec certitude l'utiliser pour tagName, je me demandais juste spécifiquement sur .type. No big deal, je me demandais 🙂
    • Je suis nouveau sur le javascript. J'ai essayé de définir ces variables pour vrai, mais il ne fonctionne toujours pas. Dois-je afficher le code Javascript que j'ai ci-dessus. vous êtes également à la mention "entrée" et "case à cocher", dois-je les remplacer par celles de la variable nom de la case à cocher? Merci pour vos commentaires.
    InformationsquelleAutor adeneo
  3. 0

    Essayer ce code..

    HTML

    <ul>
    <li><label><input type="checkbox" value="id1" style="margin-right: 10px;" name="class" checked> ABC</label></li>
    <li><label><input type="checkbox" value="id2" style="margin-right: 10px;" name="class" checked>XYZ</label></li>
    <li><label><input type="checkbox" value="id3" style="margin-right: 10px;"name="class" checked> LMN</label></li>
</ul>

    JavaScript:

    <script>
    $('input[type="checkbox"][name="class"]').on('change', function () {
        var getArrVal = $('input[type="checkbox"][name="class"]:checked').map(function () {
        return this.value;
    }).toArray();
        if (getArrVal.length) {
        //execute the code
    } else {
        $(this).prop("checked", true);
        alert("Select at least one column");
        return false;
    }
    });
</script>
    • Pourriez-vous expliquer ce que vous avez fait ici? Qui aide l'utilisateur à comprendre pourquoi c'est une réponse.
    • par défaut, tous les case cochée,quand j'ai décocher la dernière case à cocher donner javascript message d'alerte..
    InformationsquelleAutor Rupesh Wankhede