Question

我有一个包含6个复选框的HTML页面，var结果和6个if。当用户选中复选框时，文本将添加到变量中。

但是当我致电alert()时，它只显示最后一个复选框。

如何多次向一个var添加文本？

if (otvetp == "1") {
    var result += '<img src="rez/1.png">';
}

document.getElementById('vse').innerHTML = result;

Answer 1

var result = '';

if (otvetp == "1") {
    result += '<img src="rez/1.png">';
}

document.getElementById('vse').innerHTML = result;

Answer 2

试试这个..

<html>
    <head>
    <script>
        function myfunction()
        {   
    var result='';
        var tags=document.getElementsByTagName("input");

 for (var i=0;i<tags.length;i++)
{
if(tags[i].checked)
result+=tags[i].value;
}
//alert(result);
document.getElementById('vse').innerHTML = result;
        }
    </script>
    </head>
    <body>
    <input type="checkbox" value="checkbox 1" 

onclick="myfunction()">checkbox 1</input>
    <input type="checkbox" value="checkbox 2" 

onclick="myfunction()">checkbox 2</input>
    <input type="checkbox" value="checkbox 3" 

onclick="myfunction()">checkbox 3</input>
    <input type="checkbox" value="checkbox 4" 

onclick="myfunction()">checkbox 4</input>
    </body>
</html>

您可能会发生的事情是，每次为您编写变量result时都会编写

var result += '<img src="rez/1.png">';

因此，每次选中复选框时，都会创建新变量，并且正在附加该值的变量。所以你得到最后一个复选框。

如何多次添加内容？

2 个答案: