Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
获取动态复选框中的选中计数JavaScript_Javascript_Jquery_Html_Asp.net - Fatal编程技术网

获取动态复选框中的选中计数JavaScript

获取动态复选框中的选中计数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'>

我使用以下代码根据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'><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;