获取动态复选框中的选中计数JavaScript
我使用以下代码根据DB数据动态设计屏幕获取动态复选框中的选中计数JavaScript,javascript,jquery,html,asp.net,Javascript,Jquery,Html,Asp.net,我使用以下代码根据DB数据动态设计屏幕 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'>
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);
函数RefillUI(数据){
var html=“”;
美元。每个(数据,
职能(一、项目){
$('#patientName').html(item.patientName);
html+=“”+
item.DrugName+
"" +
“- 参考号
- ”+
项目1.参考号+
“
”+
“- 加油
- 1
”+
“处方师”+
item.PatientName+
"" +
“最后一次填写2014年11月14日下一次填写2016年10月16日”+
“数量”+
item.LastRefillQty+
“最后填充的分散室”+
项目.最后一次再填充+
"" +
“补充”;
});
$('#refillcards').html(html);
}
现在我想检查单击按钮时选中了多少复选框。我如何才能做到这一点?我只知道纯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;
}
函数
计数()
{
var-ret=0;
对于(var n=0;n
如果需要,可以使用更好的选择器替换输入。单选按钮一次不应选中多个。你是说一个复选框,还是忘记了一个按钮组?是的。复选框。
var n = $( "input:checked" ).length;