Get Checked count in dynamic checkbox JavaScript

Question

Я использую следующий код для динамического проектирования моего экрана в соответствии с данными БД.

function RefillUI(data) { 
var html = ""; 
$.each(data, 
    function (i, item) { 
     $('#patientName').html(item.PatientName); 
     html += "<div class='col-md-3'> <div class='card'><div class='card_header'><h5>" + 
      item.DrugName + 
      "</h5></div><div class='card_body'>" + 
      "<div class='col-md-12'></div><ul class='col-md-6'><li class='bold'>Ref #</li><li class='bold'>" + 
      item.ReferenceNo + 
      "</li>" + 
      "</ul><ul class='col-md-6'><li class='center'>Refills</li><li class='fill'>1</li></ul>" + 
      "<table class='table table-bordered table-inverse'><tbody><tr><th>Prescriber</th><td>" + 
      item.PatientName + 
      "</td>" + 
      "</tr><tr><th>Last filled</th><td>Nov 14 2014</td></tr><tr><th>Next fill</th><td>Oct 16 2016</td></tr>" + 
      "<tr><th>Qty</th><td>" + 
      item.LastRefillQty + 
      "</td></tr><tr><th>Last Filled Dispensory</th><td>" + 
      item.LastRefillDispensory + 
      "</td></tr></tbody></table><form action='' class='cta center bold'>" + 
      "<label><input name='refill' type='checkbox' value='refill'>Refill</label></form></div></div></div>"; 
    }); 


$('#refillcards').html(html); 

}

Теперь я хочу, чтобы проверить, сколько флажки проверяются при нажмите кнопку. Как я могу это сделать?

Answer 1

Я знаю только ответ на чистом Javascript:

Во-первых, положить это заявление на вершине:

checkboxes = []; // No `var', it's global 

Это будет инициализировать материал

function 
init (n) 
{ 
    // n is the number of check boxes 
    checkboxes[0] = document.getElementById ('some-id'); 
    checkboxes[1] = document.getElementById ('other-id'); 
    // ... 
    checkboxes[n - 1] = document.getElementById ('different-id'); 
} 

Чтобы проверить выбор для конкретного в полевых условиях:

function 
checkSelect (n) 
{ 
    if (n >= checkboxes.length) 
    { 
     throw "Index out of bounds: " + n; 
    } 
    return checkboxes[n].value; 
} 

Тогда, считайте все тем

function 
count() 
{ 
    var ret = 0; 
    for (var n = 0; n < checkboxes.length; n++) 
    { 
     if (checkSelect (n)) 
     { 
      ret = ret + 1; 
     } 
    } 
    return ret; 
} 

Answer 2

var n = $("input:checked").length; 

вы можете заменить ввод с более селектором, если вы хотите.