跟踪JavaScript中的复选框计数

我想跟踪我的复选框计数。i、 例如，如果我有3个复选框 苹果 芒果 橘子 当我选中苹果复选框时，它应该在标签旁边显示计数为1，如果我单击橙子复选框，它应该显示计数为2。现在，如果我取消选中苹果，现在橘子计数应该变成1，苹果应该变成0

我尝试了以下代码：

<input type="checkbox" name="apples" id="fruits"/> Apples <br/>
<input type="checkbox" name="mangoes" id="fruits"/> Mangoes <br/>
<input type="checkbox" name="oranges" id="fruits"/> Oranges <br/>

<script>
var inputElems = document.getElementByTagname("input");
for (var i=0; i  &lt; inputElems.length; i++) {
                if (inputElems[i].type === "checkbox" &amp;&amp; inputElems[i].checked === true) 
                {
                    if(inputElems[i].id === "apple")
                    {
                    count1++;
                    count1 = count1+count2+count3;

                    alert('count for apples: '+count1);

                    }
                    if(inputElems[i].id === "mango")
                    {
                    count2++;
                    count2 = count1+count2+count3;
                    alert('count for mangoes: '+count2);
                    }
                    if(inputElems[i].id === "orange")
                    {
                    count3++;
                    count3 = count1+count2+count3;
                    alert('count for oranges: '+count3);
                    }
                }
                }
              }

Apples

芒果

橙子

var inputElems=document.getElementByTagname（“输入”）；
for（变量i=0；i inputElems.length；i++）{
if（inputElems[i]。类型==“复选框”&；inputElems[i]。选中===true）
{
if（inputElems[i].id==“apple”）
{
count1++；
count1=count1+count2+count3；
警报（“苹果计数：”+count1）；
}
if（inputElems[i].id==“mango”）
{
count2++；
count2=count1+count2+count3；
警报（“芒果计数：”+count2）；
}
if（inputElems[i].id==“橙色”）
{
count3++；
count3=count1+count2+count3；
警报（“橙子计数：”+count3）；
}
}
}
}

在这里，我尝试将值放入警报框中。但是我想试着把它放在标签旁边。 即： 苹果（1） 芒果（3） 橙子（2） 根据我选择的复选框，这样做。我该怎么做？请帮帮我

谢谢，

---

Shruthi

document.getElementByTagname（“输入”），它是
getElementsByTagName（）

对于（var i=0；i inputElems.length；i++）{
，用
替换
$lt；
，通常复选框用于真/假值，而不是作为按钮。
id=“fruits”
是错误的…请改用类..ID应该是唯一的..如何在标签旁边打印计数？感谢您的回复。我已经完成了上述更改。现在，我想在标签旁边打印我的计数值。我该怎么做？
<input type="checkbox" name="apples" id="fruits"/> Apples <br/>
<input type="checkbox" name="mangoes" id="fruits"/> Mangoes <br/>
<input type="checkbox" name="oranges" id="fruits"/> Oranges <br/>