J.S没有执行所有命令

Question

在下面的代码中，每个"Id“都连接到一个复选框，所以当我选中它时，会打印一个单词，如果我不选中它，单词就会消失。

function DrawRequest()
{
    if(document.getElementById("name").checked == true)
        document.getElementById("drawrequest").innerHTML="checked";
    else
        document.getElementById("drawrequest").innerHTML="";
    if(document.getElementById("surname").checked == true)
        document.getElementById("drawrequest").innerHTML="checked";
    else
        document.getElementById("drawrequest").innerHTML="";
    if(document.getElementById("age").checked == true)
        document.getElementById("drawrequest").innerHTML="checked";
    else
        document.getElementById("drawrequest").innerHTML="";
}

或者说，至少当我尝试代码时，这就是应该发生的事情。真正发生的是，当我选中id "name“复选框时，没有打印任何内容。这也发生在id“姓氏”的复选框中。但是，最后一个带有id "age“的复选框工作正常！

还有一个问题:如果选中了这三个复选框，我会打印三个单词吗？非常感谢:)

Answer 1

无论选中与否，都要更新每个框的innerHTML。每个if或else都会覆盖前面的语句集，从而使前面的操作变得无关紧要。

你要么想：

• 在函数开始时将innerHTML设置为空白，去掉else，如果选中某个框(如果未选中则不执行任何操作)，则仅将else设置为“选中”，如果选中任何框，则只设置一个“选中”总数；
• 如果要对每个框进行“选中”，则将其附加到HTML中而不是设置它；或
• 有一个单独的元素来反映每个框的检查。