首頁  >  文章  >  web前端  >  jQuery如何取得文字方塊的值?

jQuery如何取得文字方塊的值?

藏色散人
藏色散人原創
2019-03-28 10:38:514186瀏覽

本篇文章將為大家介紹如何使用jQuery取得文字方塊的值,希望對需要的朋友有所幫助!

jQuery如何取得文字方塊的值?

以下就結合簡單的程式碼範例,跟大家介紹jQuery取得文字方塊值的方法介紹。

HTML程式碼範例如下:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-git.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>如何使用jQuery获取文本框的值</title>
</head>
<body>
<input type="text" value="输入内容">
</body>
</html>

javascript程式碼如下:

$( "input" )
  .keyup(function() {
    var tvalue = $( this ).val();
    console.log(tvalue);
  }).keyup();

輸出:

jQuery如何取得文字方塊的值?

註:jQuery keyup()方法表示當鍵盤鍵被放開時發生keyup 事件。 keyup() 方法觸發 keyup 事件,或規定發生 keyup 事件時執行的函數。

相關推薦:《jQuery教學》《javascript教學

本篇文章就是關於jQuery取得文字方塊的值的方法介紹,希望對需要的朋友有幫助!

以上是jQuery如何取得文字方塊的值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn