javascript - 由innerHTML修改的文本将不会保持可见

Question

我有一个函数，如果满足条件，应该在 P 元素中显示一条消息。该函数运行良好，但当您按下按钮时，发送到“output1”的文本会短暂出现，然后消失。我尝试过将 JS 放在头部和主体中，但似乎没有什么区别。有任何想法吗？谢谢。

HTML:

<p id="output1"><p>

Javascript:

<script>
function logicProcess() {
    // alert('function launched');
    if(document.getElementById('q1Y').checked || document.getElementById('q2Y').checked || document.getElementById('q3Y').checked) {
        document.getElementById("output1").innerHTML = "Sorry, you don't qualify for our shared ownership properties";
        }
    else {
        document.getElementById("output1").innerHTML = "You may qualify for our shared ownership scheme. Please complete the registration form.";
        }
}       
</script>

Answer 1

innerHTML 不保持可见的原因是因为有某种类型的 onclick 方法正在重置表单。如果这是真的，请像这样编辑您的 onclick 方法:

onClick="function();return false;"

这里的变化是;return false;