Question

我使用一个示例编写了一个ASP页面，该示例显示弹出警告框中表单中有多少个复选框。问题是我们现在在窗体上有这么多的盒子，它需要永远选择一个盒子，关闭警报，检查另一个盒子，关闭警报......我想更改或替换代码以显示复选框的数量在文档的HTML而不是警报中，更新计数作为框被选中或取消选中。以下是用于计算框并显示警报的脚本：

<script language="JavaScript">
function checkTotalCheckedBoxes()
{
     var checkLength = 0;
     var boxes = document.getElementById("yyy").getElementsByTagName("input");
     for (var i = 0; i < boxes.length; i++)
     {
         boxes[i].checked ? checkLength++ : null;
     }
     alert (checkLength + " boxes are checked." );
}
</script>

我还有一个“全选”脚本，非常适合一次选择所有框。唯一的问题是“全选”框一旦使用就会保持选中状态，即使某些框被取消选中也是如此。我需要修改脚本以取消选中“全选”框，用户点击它，然后取消选中任何复选框。

以下是该脚本：

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('checkbox');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  } 

       var checkLength = 0;
     var boxes = document.getElementById("yyy").getElementsByTagName("input");
     for (var i = 0; i < boxes.length; i++)
     {
         boxes[i].checked ? checkLength++ : null;
     }
     alert (checkLength + " boxes are checked." );
}
</script>

非常感谢您提供的任何帮助！

Answer 1

制作标签：

  document.getElementById("lblTest").innerHTML(//value here);

设置文字：

 $("#lblTest").text(//value);

或使用jQuery：

GameScene

Answer 2

如果不提供HTML代码，我只能猜测您的页面布局是什么样的。话虽这么说，看看这个小提琴： https://jsfiddle.net/yxo6de48/

它应该为你提供一些关于如何实现你所寻找的东西的指导。

使用Javascript：

function checkTotalCheckedBoxes()
{
     var checkLength = 0;
     var boxes = document.getElementById("yyy").getElementsByTagName("input");
     for (var i = 0; i < boxes.length; i++)
     {
         boxes[i].checked ? checkLength++ : null;
     }
     document.getElementById("count").innerHTML = checkLength + " boxes are checked.";
}

function toggle(source) {
  checkboxes = document.getElementsByName('checkbox');
  for(var i=0; i < checkboxes.length;i++) {
    checkboxes[i].checked = source.checked;
  } 
  checkTotalCheckedBoxes();
}

显示在文档中检查了多少表单复选框

2 个答案: