如何在不同的输入标签上执行函数? Javascript代码
对于每个输入元素如何在不同的输入标签上执行函数? Javascript代码,javascript,Javascript,对于每个输入元素 我想我应该使用它,但我不知道放在哪里。你想循环每个输入元素并添加一个事件吗document.getElementsByTagName(“输入”)返回一个数组,因此可以使用循环遍历它 JavaScript: // This is a function which disables an input element // Notice I used "this" instead of document.getElementsByTagName("input")[some numbe
我想我应该使用它,但我不知道放在哪里。你想循环每个输入元素并添加一个事件吗
document.getElementsByTagName(“输入”)
返回一个数组,因此可以使用循环遍历它
JavaScript:
// This is a function which disables an input element
// Notice I used "this" instead of document.getElementsByTagName("input")[some number]
// "this" refers to the input element that was clicked
function disableBtn() {
this.parentNode.nextElementSibling.querySelector('input[type="button"]').disabled = false;
}
// Get every single input element
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; ++i) {
// Loop through the input elements, and add a "click" event
var input = inputs[i];
input.addEventListener("click", disableBtn, false);
}
//这是一个禁用输入元素的函数
//注意,我使用了“this”而不是document.getElementsByTagName(“输入”)[一些数字]
//“this”是指被单击的输入元素
函数disableBtn(){
this.parentNode.nextElementSibling.querySelector('input[type=“button”]”)。disabled=false;
}
//获取每个输入元素
var inputs=document.getElementsByTagName(“输入”);
对于(变量i=0;i
代码:
将您的功能更改为:
function disableBtn(el) {
el.parentNode.nextElementSibling.querySelector("input").disabled = false;
}
处理程序:
onclick="disableBtn(this)"
演示:
说明: 因此,现在处理程序将单击的当前元素传递给
disableBtn
函数
那么这个功能
- 获取单击的元素并遍历到其
.parentNode
- 向前移动到
,这是下一个.nextElementSibling
div
- 然后使用
在.querySelector()
中搜索它找到的第一个div
输入
- 将
输入的
属性设置为.disabled
false
// This is a function which disables an input element
// Notice I used "this" instead of document.getElementsByTagName("input")[some number]
// "this" refers to the input element that was clicked
function disableBtn() {
this.parentNode.nextElementSibling.querySelector('input[type="button"]').disabled = false;
}
// Get every single input element
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; ++i) {
// Loop through the input elements, and add a "click" event
var input = inputs[i];
input.addEventListener("click", disableBtn, false);
}
function disableBtn(el) {
el.parentNode.nextElementSibling.querySelector("input").disabled = false;
}
onclick="disableBtn(this)"