Mathématiques simples avec jQuery - division

J'ai deux entrées dans une div que je veux diviser l'un par l'autre.

<div>

<input type="number" id="a"> /<input type="number" id="b">

<input type="submit">

<p class="result">RESULT HERE</p> 

</div>

Comment les maths cela soit fait avec jquery?

  • Quelle est la label attribut?
  • label n'est pas un véritable attribut. Je pense que tu veux dire id ou name.
  • Le calcul ne peut être fait avec jQuery. Vous devez utiliser JavaScript simple. Je vous suggère de lire ceci: developer.mozilla.org/en/JavaScript/Guide
InformationsquelleAutor Stuart Robson | 2011-10-17
  1. 13

    Ça dépend vraiment de quand vous voulez que le calcul s', mais le calcul lui-même est incroyablement simple. Suffit d'utiliser la norme opérateur de division, /:

    var num1 = $("input[label='a']").val(),
    num2 = $("input[label='b']").val(),
    result = parseInt(num1, 10) / parseInt(num2, 10);
$(".result").text(result);

    Je suppose que cela dépend aussi si vous voulez seulement pour soutenir la division entière (c'est pourquoi j'ai utilisé parseInt - vous pouvez utiliser parseFloat si nécessaire).

    Aussi, comme mentionné dans les commentaires sur votre question, label n'est pas un attribut valide. Une meilleure option serait d'utiliser id, ou si vous avez besoin d'utiliser un nommé arbitrairement attribut HTML5 data-* attributs.

    Mise à jour sur la base des observations

    Comme vous l'avez déclaré que vous voulez le code à exécuter quand un bouton est cliqué, tout ce que vous devez faire est de lier à la click événement:

    $("#someButton").click(function() {
    //Do stuff when the button is clicked.
});
    • merci pour ça 🙂 je veux que l'utilisateur soit en mesure de saisir les deux chiffres, puis cliquez sur un bouton de soumission que j'avais de montrer ensuite la réponse (sur la même page si possible). Je suppose que j'ai besoin d'ajouter un bouton envoyer mon code HTML ? 🙂
    • Ouais c'est vrai, et vous auriez besoin de lier un gestionnaire d'événements click pour cet élément. Voir mon edit.
    • / automatiquement les contraindre dans un certain nombre, de sorte que vous pouvez simplement faire num1 / num2.
    • Ouais vrai, mais je voulais juste faire comprendre ce qui se passe réellement, au lieu de laisser le moteur JS prendre soin d'elle 🙂
    InformationsquelleAutor James Allardice
  2. 0

    Vous mixez votre balisage avec votre logique. Vous ne pouvez pas diviser des éléments HTML les uns avec les autres, ils sont pour la présentation structurelle seulement. Au lieu de cela, vous devez tirer de leurs valeurs avec javascript, appliquer les mathématiques, et de mettre à jour le code HTML avec la valeur résultante.

    InformationsquelleAutor Jason Barry