js与jquery获取input输入框中的值实例讲解

这里是“js与jquery获取input输入框中的值实例讲解”的完整攻略。

1. 使用原生JS获取input输入框中的值

获取input输入框中的值可以使用原生JS的document.getElementById()通过元素的ID获取元素，进而获取输入框的值。

示例代码：

<input type="text" id="input_box" />
<button onclick="getValue()">获取输入框的值</button>

<script>
function getValue() {
   var input_value = document.getElementById("input_box").value;
   alert(input_value);
}
</script>

2. 使用jQuery获取input输入框中的值

jQuery使得获取input输入框的值变得更加便捷，可以使用$("input_box").val()方法获取输入框的值。

示例代码：

<input type="text" id="input_box" />
<button onclick="getValue()">获取输入框的值</button>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function getValue() {
   var input_value = $("#input_box").val();
   alert(input_value);
}
</script>

在这个示例中，我们使用了jQuery的$()方法来选中ID为input_box的输入框，然后使用.val()方法获取输入框的值。

以上就是使用原生JS和jQuery获取input输入框中的值的完整攻略，希望对你有帮助。