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

时间:2017-01-03 13:49:23

标签: javascript jquery html asp.net

我使用以下代码根据数据库数据动态设计我的屏幕。

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

}

现在我想检查点击按钮时检查了多少个复选框。我怎么能这样做?

2 个答案:

答案 0 :(得分:0)

我只知道纯Javascript中的答案:

首先,将此声明置于顶部:

public class Register extends AppCompatActivity {

DBHelper repo = new DBHelper(this);

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);


        countries = getResources().getStringArray(R.array.countries);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.support_simple_spinner_dropdown_item, countries);
        autoCompleteTextView.setAdapter(adapter);

        insertDummyData();
        loadProvince_Simple();


    }

// This class insert data
private void insertDummyData(){

        repo.DeleteProvice();
        int i = 1;
        String[] provinces = {"Prince Edward Island", "Quebec", "Saskatchewan", "Yukon","Northwest Territories", "Ontario", "Nunavut", "Nova Scotia", "Alberta", "British Columbia", "Manitoba", "New Brunswick", "Newfoundland and Labrador"};

        for(int j=0; j < provinces.length; j++) {
                Province province = new Province();
                province.setId(Integer.toString(i));
                province.setProvince(provinces[j]);

                repo.insertProvince(province);
            i++;
        }

    }

//This is the arrayadapter  binding method as you can see
    private void loadProvince_Simple(){
        ArrayAdapter<String> spinnerAdapter;
        DBHelper db = new DBHelper(getApplicationContext());
        List<String> provinces = db.getAll_Simple();
        spinnerAdapter = new ArrayAdapter<String>(Register.this,
                android.R.layout.simple_spinner_item, provinces);
        prov_spinner.setAdapter(spinnerAdapter);

        spinnerAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

    }
}

这将初始化内容

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

答案 1 :(得分:0)

    rng.Parent.Cells(LastRow + 1, LastCol + 2).Value = spm
        rng.Cells(LastRow + 1, LastCol + 2).Borders(xlDiagonalDown).LineStyle = xlNone
        rng.Cells(LastRow + 1, LastCol + 2).Borders(xlDiagonalUp).LineStyle = xlNone
        With rng.Cells(LastRow + 1, LastCol + 2).Borders(xlEdgeLeft)
            .LineStyle = xlContinuous
            .ColorIndex = 0
            .TintAndShade = 0
            .Weight = xlThin
        End With
        With rng.Cells(LastRow + 1, LastCol + 2).Borders(xlEdgeTop)
            .LineStyle = xlContinuous
            .ColorIndex = 0
            .TintAndShade = 0
            .Weight = xlThin
        End With
        With rng.Cells(LastRow + 1, LastCol + 2).Borders(xlEdgeBottom)
            .LineStyle = xlContinuous
            .ColorIndex = 0
            .TintAndShade = 0
            .Weight = xlThin
        End With
        With rng.Cells(LastRow + 1, LastCol + 2).Borders(xlEdgeRight)
            .LineStyle = xlContinuous
            .ColorIndex = 0
            .TintAndShade = 0
            .Weight = xlThin
        End With
        rng.Cells(LastRow + 1, LastCol + 2).Borders(xlInsideVertical).LineStyle = xlNone
        rng.Cells(LastRow + 1, LastCol + 2).Borders(xlInsideHorizontal).LineStyle = xlNone
            With rng.Cells(LastRow + 1, LastCol + 2)
                .HorizontalAlignment = xlCenter
                .VerticalAlignment = xlBottom
                .WrapText = False
                .Orientation = 0
                .AddIndent = False
                .IndentLevel = 0
                .ShrinkToFit = False
                .ReadingOrder = xlContext
                .MergeCells = False
            End With
    rng.Parent.Cells(LastRow + 1, LastCol + 3).Locked = False
    Range("K8").Value = tsqs
    Range("L8").Value = spm
    'Calculate value for Man Hours per Item
    rng.Parent.Cells(LastRow + 1, LastCol + 3).Formula = <<still working on this bit>>

如果需要,可以用更好的选择器替换输入。