一、原生JS获取input输入框value值的几种方式
二、写html 和JS代码
1、通过标签id获取值的代码如下:
<!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>获取input框value</title><script>function get_input_value(){// var name = $('input[name="username"]').val();// alert(name);var name = document.getElementById("user").value;// console.log("name"+name);alert(name);}</script></head><body>用户名:<br><!-- 定义input框,创建提交按钮 --><input type="text" id="user" name="username"><br><button onclick="get_input_value()">提交</button></body></html>
2、通过标签class类名获取值的代码如下:
<!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>获取input框value</title><script>function get_input_value(){// var name = $('input[name="username"]').val();// alert(name);var name = document.getElementsByClassName("uusr")[0].value;alert(name);}</script></head><body>用户名:<br><!-- 定义input框,创建提交按钮 --><input type="text" id="user" name="username" class="uusr"><br><button onclick="get_input_value()">提交</button></body></html>
三、效果图
如果觉得《原生JS获取input输入框value值》对你有帮助,请点赞、收藏,并留下你的观点哦!