Maison > Article > interface Web > Différentes façons d'obtenir la valeur dans input type=text avec jquery

Différentes façons d'obtenir la valeur dans input type=text avec jquery

高洛峰original: 2017-02-11 16:59:191568parcourir

L'éditeur suivant vous proposera un article sur les différentes manières d'obtenir la valeur dans input type=text en utilisant jquery (résumé). L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un oeil

Les exemples sont les suivants :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml>

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <title>JQuery获取文本框的值</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script src="jquery-1.5.1.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    //使用id的方式获取
    $(document).ready(function(){
      //1
      $("#button_text1").click(function(){
        var result1 = $("#input_text1").val();
        alert("result1 = " + result1);
      });
      //2
      $("#button_text2").click(function(){
        var result2 = $("input[id=&#39;input_text2&#39;]").val();
        alert("result2 = " + result2);
      });
      //3
      $("#button_text3").click(function(){
        var result3 = $("input[id=&#39;input_text3&#39;]").attr("value");
        alert("result3 = " + result3);
      });
      //4. 可以通过type的值来获取input中的值（未演示）
      /*
      $("#button_text4").click(function(){
        var result4 = $("input[type=&#39;text&#39;]").val();
        alert("result4 = " + result4);
      });
      */
      //5. 可以通过name的值来获取input中的值（未演示）
      /*
      $("#button_text5").click(function(){
        var result5 = $("input[name=&#39;text&#39;]").val();
        alert("result5 = " + result5);
      });      
      */
    });
    </script>
  </head>

  <body>
    <!-- 获取文本框的值：方式一 -->
    <p id="test1">
      <input id="input_text1" type="text" value="test1" style="width: 100px;" />
      <button id="button_text1">test1</button>
    </p>
    <!-- 获取文本框的值：方式二 -->
    <p id="test2">
      <input id="input_text2" type="text" value="test2" style="width: 100px;" />
      <button id="button_text2">test2</button>
    </p>
    <!-- 获取文本框的值：方式三 -->
    <p id="test3">
      <input id="input_text3" type="text" value="test3" style="width: 100px;" />
      <button id="button_text3">test3</button>
    </p>
  </body>

</html>

Les différentes manières (résumé) de jquery d'obtenir la valeur dans input type=text ci-dessus sont tout le contenu partagé par l'éditeur, j'espère que cela pourra vous donner une référence, et j'espère aussi que. tout le monde prendra en charge PHP Chinese Net.

Pour plus d'articles sur les différentes manières de jquery d'obtenir la valeur dans input type=text, veuillez faire attention au site Web PHP chinois !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jQuery implémente la fonction de commutation d'affichage/masquage du mot de passe en modifiant l'attribut type de l'entréeArticle suivant：jQuery implémente la fonction de commutation d'affichage/masquage du mot de passe en modifiant l'attribut type de l'entrée

Articles Liés

Voir plus