獲取文本框的值

本文轉載自查看原文 2019-08-23 14:32 721 WebAPI

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input id="btn" type="button" value="獲取文本框的值">
  <script>
    // 1 當頁面加載完畢，給所有的文本框賦值
    var inputs = document.getElementsByTagName('input');
    for (var i = 0; i < inputs.length; i++) {
      var input = inputs[i];
      // 根據type屬性 判斷是否是文本框
      if (input.type === 'text') {
        input.value = i;
      }
    }

    // 2 當點擊按鈕的時候，獲取所有文本框的值，並使用 | 分割輸出
    // 0|1|2
    var btn = document.getElementById('btn');
    btn.onclick = function () {
      var s = '';
      for (var i = 0; i < inputs.length; i++) {
        var input = inputs[i];
        // 判斷是否是文本框
        if (input.type === 'text') {
          s += input.value + '|';
        }
      }
      // 把最后一個| 去掉
      s = s.substr(0, s.length - 1);
      console.log(s);
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
  <input id="btn" type="button" value="獲取文本框的值">
  <script>
    // 1 當頁面加載完畢，給所有的文本框賦值
    var inputs = document.getElementsByTagName('input');
    for (var i = 0; i < inputs.length; i++) {
      var input = inputs[i];
      // 根據type屬性 判斷是否是文本框
      if (input.type === 'text') {
        input.value = i;
      }
    }

    // 2 當點擊按鈕的時候，獲取所有文本框的值，並使用 | 分割輸出
    // 0|1|2
    var btn = document.getElementById('btn');
    btn.onclick = function () {
      var array = [];
      for (var i = 0; i < inputs.length; i++) {
        var input = inputs[i];
        // 判斷是否是文本框
        if (input.type === 'text') {
           array.push(input.value);
        }
      }
      console.log(array.join('|'));
    }
  </script>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 React-Native獲取文本框的值實時獲取文本框中內容(監聽文本框value 值變化) vue中獲取文本框中的純文本內容通過jquery 獲取文本框的聚焦和失焦方法 android 獲取文本框回車輸入 JS獲取文本框焦點光標位置、選中起始位置、終止位置、選擇內容 C# API sendmessage()函數獲取文本框文本（WM_GETTEXT = 0x000D） Bootstrap selectpicker 下拉框多選獲取選中value和多選獲取文本值微信小程序—如何獲取用戶輸入文本框的值 jquery設置div,文本框表單的值示例