Показывает, сколько флажков формы проверено в самом документе

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> 

У меня также есть «Select All» сценарий, который работает отлично подходит для выбора всех коробок сразу. Единственная проблема заключается в том, что флажок «Выбрать все» остается установленным после использования, даже если некоторые из ящиков были отменены. Мне нужно изменить сценарий, чтобы снять флажок «Выбрать все», когда пользователь нажимает на него, а затем отменяет выбор любого из отмеченных.

Вот этот скрипт:

<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

без предоставления 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(); 
} 

Answer 2

сделать этикетку:

<label id="lblTest" /> 

Установите текст:

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

или с JQuery:

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