js技术之如何在JS中获取input的值

程序员艳花技术 2022年11月18日

0 收藏 962 点赞 3,242 浏览 1172 个字

在JavaScript中获取input元素value的值：

方法一：var variations_number = $(“#input的id名”).val();

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5 </head>
 6 <body>
 7 <!--单机控件-->
 8 <button onclick="printInputValue()">获取input元素value值</button>
 9 <!--输入框-->
10 <input id="batch_add_delete_variations_number">
11 </body>
12 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
13 </script>
14 <script>
15 <!--    单机控件方法-->
16     function printInputValue() {
17         // 获取input值
18         var variations_number = $("#batch_add_|delete_variations_number").val();
19         // 弹窗
20         alert(variations_number);
21     }
22 </script>
23 </html>

方法二：var variations_number = document.getElementById(“input的id名”).value;

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5 </head>
 6 <body>
 7 <!--单机控件-->
 8 <button onclick="printInputValue()">获取input元素value值</button>
 9 <!--输入框-->
10 <input id="batch_add_delete_variations_number">
11 </body>
12 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
13 </script>
14 <script>
15 <!--    单机控件方法-->
16     function printInputValue() {
17         // 获取input值
18         var variations_number = document.getElementById("batch_add_delete_variations_number").value;
19         // 弹窗
20         alert(variations_number);
21     }
22 </script>
23 </html>