Comment peut-val() Numéro de retour?

Dans le valdocs écrit cette description:

.val() Retourne: Chaîne de caractères, Nombre, Tableau

J'ai essayé d'obtenir un Number, mais il semble de retour string seulement, il y a une chose que je fais mal?

JS:

$('#gdoron').val('1');

alert($('#gdoron').val() === '1'); //true 
alert(typeof $('#gdoron').val());  //string.

$('#gdoron').val(1);

alert($('#gdoron').val() === 1);  //false
alert(typeof $('#gdoron').val()); //string (not "number"!)

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="gdoron" />

Ma question est: comment peut - val() numéro de retour que les docs dit? La question n'est pas à propos de comment puis-je analyser la chaîne.

  • Ne serait pas vous pensez que la valeur d'un input type="text" pour retourner une chaîne de caractères si?
  • peut-être, mais les docs dit qu'il peut retourner number, mais comment???
  • Si vous avez un coup d'oeil à la source vous voyez que jQuery est l'appel de elem.value dans la plupart des cas. Dans le HTML4 et 5 normes, la valeur de retour de value pour l'entrée des éléments est défini comme DOMString. Il y a peut être d'autres éléments qui renvoie un nombre à la place ou à certains enregistré crochets peuvent retourner un nombre à la place.
InformationsquelleAutor gdoron | 2012-02-10
  1. 25

    Certains éléments HTML5 par exemple, les progrès;

    JS:

    alert(typeof $("#prog").val()); //number

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<progress value="50" max="100" id="prog"></progress>

    • Voir aussi le HTML5 projet (la valeur de retour est double).
    • En fait, elle retourne la chaîne "50" sur Chrome.
    • +1. Si les docs parle input pas sur progress...
    • Number pour moi en chrome 17 jsfiddle.net/feadf
    • Il dit: [...] des éléments de formulaire type input, select et textarea [...]. Maintenant, je ne suis pas un locuteur natif anglais, mais il me semble que ce n'est pas destiné à être une liste exhaustive.
    • jsFiddle se déplace vers d'autres serveurs, votre violon n'est pas disponible, parce que vous avez probablement créé après ils ont commencé la migration.
    • Quelque chose de bizarre: alert($("#prog").val() === 50​)​;​​​​​​​​​​//false​​ et alert($("#prog").val() === '50')​; //false​​​​​​​​​​​​. COMMENT?
    • Je suis en mesure d'ouvrir le violon et peut confirmer ça renvoie un nombre. J'étais confus de choses, +1.
    • Bizarre, je vois vrai dans chrome/ff jsbin.com/osibiw/2/edit
    • Je suis en utilisant chrome ainsi. Comme vous l'avez écrit, impair...

    InformationsquelleAutor Alex K.
  2. 64

    De saisie de texte du value attribut renvoie toujours une chaîne de caractères. Vous devez parseInt la valeur pour obtenir un nombre entier:

    parseInt($('#myInput').val(), 10);
    • Je sais que, je me demande comment peut - val numéro de retour que les docs dit, non comment puis-je analyser la chaîne.
    InformationsquelleAutor osahyoun
  3. 15

    J'ai fait un peu de rapide jeter un oeil, et je pense que j'ai une réponse. Si vous regardez à la mise en œuvre de la val function vous pouvez voir que si un soi-disant val-crochet est en place, si le val-crochet renvoie un nombre, ce nombre sera retourné-est de la fonction val. J'ai trouvé cette discussion qui suggère que val-crochets sont principalement utilisés par les plugins pour créer des contrôles personnalisés, tels que les curseurs, etc., d'où le "naturel" valeur de retour de val pourrait être un nombre entier. Espérons que cela jette un peu de lumière sur votre question.

    • +1 pour la recherche. Peut-être <progress> élément mentionné par @AlexK. utilise de tels crochet à l'intérieur de jQuery?
    • On dirait qu'il renvoie un nombre par défaut. $("<progress value='50' max='100'>").get(0).value === 50.
    • Le premier lien est rompu.
    • Byskov Pedersen pourriez-vous fournir un exemple sur la façon d'utiliser val() pour renvoyer un nombre entier? Je ne suis pas bon en JS et/ou jQuery que je suis en mesure de résoudre moi-même sur un <input type="number" /> 🙁
    InformationsquelleAutor Klaus Byskov Pedersen
  4. 1

    Vous pouvez simplement créer un plugin jquery pour utiliser à la place du val (), pour ce faire. Ici, j'ai créer la fonction nval() à utiliser à la place du val() lors de l'extraction d'un des éléments de valeur.

    $.fn.nval = function() {
   return Number(this.val())
};

    Puis dans votre code, utilisez les éléments suivants pour obtenir la valeur comme un nombre

    $('#elementID').nval()
    • Alors que correct, il ne répond pas à la (très vieux) question.
    • Sûr que c'est vrai, mais son fournit un moyen de le faire c'est sûr. Si vous voulez vraiment faire, il suffit d'utiliser un plugin qui remplace val() comme $.fn._val = jq.fn.val; $.fn.val = function(valeur) { if ( !les arguments.length ) { var v = ce._val(); if(!isNaN(+v)) { Numéro de retour(v); } return v; } else { return this._val(valeur); } };
    • Mec, la question n'est pas de savoir comment surmonter un problème, il suffit d'essayer de comprendre comment jQuery lui-même pouvez revenir à une Number comme le doc a dit. Et vous pouvez voir la accepté de répondre en montrant pourquoi ils ont écrit, <progress> par exemple renvoie un Number nativement!.
    InformationsquelleAutor carcus88