input框里的onclick事件怎么获取input里的值
时间: 2023-09-22 17:07:02 浏览: 84
可以通过以下方式获取input框里的值:
1. 通过id获取input框元素,然后通过value属性获取输入的值。
HTML代码:
```
<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>
```
JavaScript代码:
```
function getValue() {
var inputVal = document.getElementById("myInput").value;
console.log(inputVal);
}
```
2. 直接传递input元素引用到onclick函数中,然后通过value属性获取输入的值。
HTML代码:
```
<input type="text" id="myInput">
<button onclick="getValue(document.getElementById('myInput'))">获取值</button>
```
JavaScript代码:
```
function getValue(input) {
var inputVal = input.value;
console.log(inputVal);
}
```
以上两种方式都可以获取input框的值,具体选择哪种方式取决于你的实际需求。
相关问题
input框的icon的onclick事件
对于input框的icon的onclick事件,你可以使用以下方法来实现:
1. 首先,给input框的icon元素添加一个唯一的id属性,例如:
```html
<input type="text" id="myInput">
<i id="myIcon" class="fa fa-search"></i>
```
2. 然后,在JavaScript中获取该icon元素,并为其添加onclick事件处理程序,例如:
```javascript
var icon = document.getElementById("myIcon");
icon.onclick = function() {
// 在这里添加你想要执行的代码
console.log("Icon被点击了!");
};
```
在这个例子中,当点击该icon元素时,控制台会输出"Icon被点击了!"。你可以根据需要修改onclick事件的处理程序,执行你想要的操作。
注意:这里使用了Font Awesome图标库(类名为"fa fa-search"),你可以根据你使用的图标库进行相应的修改。
input onclick事件的用法
input onclick事件是一种JavaScript事件,它在用户单击input元素时触发。可以使用该事件来执行一些操作,例如验证表单输入或更改页面内容。在HTML中,可以通过在input元素中添加onclick属性来定义该事件的处理程序。例如,可以使用以下代码来定义一个单击事件处理程序:
<input type="button" value="点击我" onclick="alert('你单击了按钮!')">
这将在用户单击按钮时显示一个警告框。除了按钮之外,还可以在其他类型的input元素(例如文本框或复选框)上使用onclick事件。