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

在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>

 

结果图

总结

　　1.这个十分基础

　　2.笔记大全web第九章

　　3. 这两种最常用,但主要看公司用那种

 

posted @ 2021-05-12 20:22  骚哥  阅读(14202)  评论(0)  编辑  收藏  举报