获取输入框(input)的值
2023-04-29 加入收藏
在 JavaScript 中,你可以使用以下方式来获取输入框(input)的值:
- 通过 ID 获取输入框元素,并使用 value 属性获取输入框中的值:
<input type="text" id="myInput"> <button onclick="myFunction()">获取输入框中的值</button> <script> function myFunction() { var inputValue = document.getElementById("myInput").value; alert(inputValue); } </script>
- 通过 name 属性获取输入框元素,并使用 value 属性获取输入框中的值:
<input type="text" name="myInput"> <button onclick="myFunction()">获取输入框中的值</button> <script> function myFunction() { var inputValue = document.getElementsByName("myInput")[0].value; alert(inputValue); } </script>
- 通过表单 (form) 获取输入框元素,并使用 value 属性获取输入框中的值:
<form id="myForm"> <input type="text" name="myInput"> <button onclick="myFunction()">获取输入框中的值</button> </form> <script> function myFunction() { var form = document.getElementById("myForm"); var inputValue = form.elements["myInput"].value; alert(inputValue); } </script>
以上代码只是示例,实际代码中需要适配具体场景。无论哪种方法,都需要先获得输入框元素,再通过 value 属性获取输入框中的值。
在 jQuery 中,你可以使用 val() 方法来获取输入框(input)的值。以下是一些示例代码:
- 通过 ID 获取输入框元素,并使用 val() 方法获取输入框中的值:
<input type="text" id="myInput"> <button onclick="myFunction()">获取输入框中的值</button> <script> function myFunction() { var inputValue = $("#myInput").val(); alert(inputValue); } </script>
- 通过 name 属性获取输入框元素,并使用 val() 方法获取输入框中的值:
<input type="text" name="myInput"> <button onclick="myFunction()">获取输入框中的值</button> <script> function myFunction() { var inputValue = $("input[name='myInput']").val(); alert(inputValue); } </script>
- 通过表单 (form) 获取输入框元素,并使用 val() 方法获取输入框中的值:
<form id="myForm"> <input type="text" name="myInput"> <button onclick="myFunction()">获取输入框中的值</button> </form> <script> function myFunction() { var inputValue = $("#myForm input[name='myInput']").val(); alert(inputValue); } </script>
以上代码只是示例,实际代码中需要根据具体场景进行适配。无论哪种方法,都需要先获得输入框元素,再使用 val() 方法获取输入框中的值。