jQuery操作value值方法介紹
val()可以獲取或設(shè)置元素的value屬性值。語法如下:
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>value值操作演示示例</title> <style> *{ margin-left: 10px; padding: 0px; } input{ display: block; float: left; } </style> <!--引入jQuery--> <script src="../jquery-3.3.1.js"></script> <!--javascript--> <script> $(function(){ $("#btnGet").click(function(){ var val=$("input[type='text']").val(); alert("value值:"+val); }); $("#btnSet").click(function(){ var html=$("input[type='text']").val("設(shè)置value值"); }); }); </script> </head> <body> <input type="text" style="display:block;margin-bottom: 10px;" /> <input type="button" id="btnGet" value="獲取val()值" style="margin-right:10px;" /> <input type="button" id="btnSet" value="設(shè)置val()值" /> </body> </html>
效果:
到此這篇關(guān)于jQuery操作value值的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- jQuery獲取select選中的option的value值實現(xiàn)方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對val和atrr("value")賦值的區(qū)別介紹
- jquery控制select的text/value值為選中狀態(tài)
- jQuery操作select下拉框的text值和value值的方法
- Jquery遍歷checkbox獲取選中項value值的方法
- jquery如何通過name名稱獲取當前name的value值
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jquery 根據(jù)name名獲取元素的value值
相關(guān)文章
jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別
這篇文章主要介紹了jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別,這兩個函數(shù)在web編程中是最常用的,一定要搞清楚它們的區(qū)別,需要的朋友可以參考下2014-08-08基于jQuery的輸入框在光標位置插入內(nèi)容, 并選中
基于jQuery的輸入框在光標位置插入內(nèi)容, 并選中功能的實現(xiàn)代碼,需要的朋友可以參考下。2011-10-10JQuery一種取同級值的方式(比如你在GridView中)
JQuery一種取同級值的方式 比如你在GridView中,實現(xiàn)代碼如下,需要的朋友可以參考下2012-03-03setInterval與clearInterval的使用示例代碼
本篇主要是對setInterval與clearInterval的使用示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01jQuery設(shè)置Easyui校驗規(guī)則(推薦)
本文給大家介紹jquery設(shè)置easyui校驗規(guī)則的實現(xiàn)代碼,代碼簡單易懂,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧2016-11-11Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實現(xiàn)代碼
這篇文章主要介紹了Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實現(xiàn)代碼,實現(xiàn)滑動緩沖的方式實現(xiàn)頁內(nèi)導(dǎo)航,用戶體驗大大提升需要的朋友可以參考下2015-04-04jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法
一般的表單校驗都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗,如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢,下面通過本文給大家詳細介紹2016-12-12