gpt4 book ai didi

javascript - 获取多个元素: only return the last one

转载 作者:行者123 更新时间:2023-11-28 08:44:22 26 4
gpt4 key购买 nike

我试图通过 className 和元素名称通过函数获取多个元素(输入),但在两种情况下仅返回最后一个元素。即使我单击了前两个复选框,警报也是“再见是假的”。当我点击它时,该元素应该显示为“true”,但没有发生。

这是 HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<input type="checkbox" name="inPut" value="hi" class="greeting" /> Hi!!
</br>
<input type="checkbox" name="inPut" value="good" class="greeting" /> Good Morning!!
</br>
<input type="checkbox" name="inPut" value="bye" class="greeting" /> Bye!!
</body>
</html>

我尝试使用 classNAME 来获取它们:

var inNer = document.getElementsByClassName('greeting');


for (var i = 0; i < inNer.length; i++){

prueba = inNer[i];
var test = prueba.onclick = showIn;

}


function showIn(){

var rex = prueba;
alert('\''+rex.value+'\'' + ' es ' + rex.checked);
}

我尝试通过名称获取元素:

var inName = document.box.inPut;


for (var i = 0; i < inName.length; i++){

var test = inName[i];
var call = test.onclick = showIn;
}

function showIn(){

var outPut = test;
alert(outPut.value + ' is ' + outPut.checked);

}

最佳答案

您的 showIn 函数不正确。无需再次分配prueba。应该是:

function showIn() {
alert('\'' + this.value + '\'' + ' es ' + this.checked);
}

Fiddle

关于javascript - 获取多个元素: only return the last one,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20054670/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com