javascript - 如何返回由 Javascript 更改的 onClick 值？

Question

我有一个带有提交按钮的表单，它在点击时调用提交点击功能。如果用户在输入中未输入任何内容，则单击时提交将更改为无，但是如果用户输入所有信息则返回函数的其他语句将不起作用。

var r = document.getElementById("input1");
var r2 = document.getElementById("input2");
var r3 = document.getElementById("input3");
var r4 = document.getElementById("input4");

if (r.value === "" || r2 === "" || r3 === "" || r4 === "" ) {
    document.getElementById("sbmt").onclick="";
} else {
    document.getElementById("sbmt").onclick="submitClick()";
}

Answer 1

问题是您将 onclick 设置为字符串，您应该将其设置为函数

document.getElementById("sbmt").onclick = submitClick;

我还有另外两个建议给你

• 对所有具有 id=r1,r2... 的输入使用相同的类。并使用 querySelectorAll()
访问它
• 不要检查每个值，而是使用 some()。

您的代码将如下所示。

var inputs = [...document.querySelectorAll('.input')]
if (inputs.some(x => x.value === '')) {
    document.getElementById("sbmt").onclick="";
}
else{
    document.getElementById("sbmt").onclick=submitClick;
}