Как подсчитать общее количество выбранных флажков в HTML таблице

Question

Как я могу подсчитать количество выбранных флажков из этой таблицы:

<tbody> 
    <tr> 
     <td> 
      <center> 
       <form> 
        <input type="checkbox" value="<?php echo $rws['amount']; ?>" /> 
       </form> 
      </center> 
     </td> 
    </tr> 
</tbody> 

Answer 1

querySelectorAll позволяет получить список элементов, соответствующих любой селектор CSS, поэтому вы можете использовать это, чтобы получить флажки. Вы можете использовать Array.prototype.reduce на нем, чтобы подсчитать количество из них, которые были отмечены. Итак:

var count = Array.prototype.reduce.call(
    document.querySelectorAll("input[type=checkbox]"), 
    function(sum, cb) { 
     return sum + cb.checked ? 1 : 0; 
    }, 
    0 
); 

«массив типа» часть this answer объясняет, что использование Array.prototype.reduce, что позволяет нам рассматривать список из querySelectorAll, как если бы это был массив, когда это не так.

MDN имеет описание работы reduce.