在動態複選框中獲取檢查計數JavaScript

我使用以下代碼根據數據庫數據動態設計我的屏幕。在動態複選框中獲取檢查計數JavaScript

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);

}

現在我要檢查有多少複選框，單擊按鈕時進行檢查。我怎樣才能做到這一點？

來源

2017-01-03 Tom

單選按鈕不應多次檢查一次。你是指一個複選框，還是忘了一個按鈕組？ –

是的。複選框。 – Tom

我知道在純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; 
}

來源

2017-01-03 14:17:04

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

你可以有更好的選擇更換輸入，如果你想要的。

來源

2017-01-03 14:23:26

在動態複選框中獲取檢查計數JavaScript

回答

相關問題