我有两个名为“Input1”和“Input2”的字段，id 为“inputID”。 如果我单击“Input1”字段，Input2 字段将被禁用。 重置后，如果我单击“Input2”字段，“文本”Input1 应该被禁用。 我可以通过 javascript 中的不同 id 来实现这一点。但我需要用相同的 id 来获取它。 有人可以请我吗？
<!DOCTYPE html>
<html>
<body>
<script>
function myFunc1() {
var input1 = document.getElementById("input1");
var input2= document.getElementById("input2");
if (input1.click){
document.getElementById("input2").disabled=true;
}
}
function myFunc2() {
var input1 = document.getElementById("input1");
var input2= document.getElementById("input2");
if (input2.click) {
document.getElementById("input1").disabled=true;
}
}
</script>
<table>
<tr>
<td>Field1: <input type="text" id="input1" onclick="myFunc1();" /></td>
</tr>
<tr>
<td>Field2 : <input type="text" id="input1" onclick="myFunc2();" /></td>
</tr>
</table>
</body>
</html>
最佳答案
就像我在评论中所说，id 应该是唯一的，但如果您坚持按照现在计划的方式执行此操作，只需按名称获取元素，因为它们是唯一的。
function myFunc1() {
var input1 = document.getElementsByName("input1");
var input2= document.getElementsByName("input2");
if (input1.click){
input2.disabled=true;
}
}
关于javascript - 启用/禁用具有相同 ID 的文本字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40133306/