Question

我正在使用Asp .net MVC3以下是我的表，

  <table id="myIndiaTable">
     <thead>
      <tr>
      <th>Select All<input type="checkbox" class="chkhead" onchange="Getchecked()"/></th>
      <th>ID</th>
      <th>Name</th>
      </tr>
     </thead>
     <tbody>
      <tr>
      <td><input type="checkbox" class="chkdata"/></td>
      <td>1</td>
      <td>xxx</td>
     </tr>
      <tr>
      <td><input type="checkbox" class="chkdata"/></td>
      <td>2</td>
      <td>yyytd>
     </tr>
      <tr>
      <td><input type="checkbox" class="chkdata"/></td>
      <td>3</td>
      <td>zzz</td>
     </tr> 
     </tbody>
  </table>
  <div class="btn">
 <input type="button" name = "Submit" value ="Submit" onclick ="GetValues()"/>
 </div>

当我点击提交按钮时，我必须将所选行的计数视为警报。我如何使用jQuery获得这个？

Answer 1

使用:checked获取选中的复选框，

$( ".chkdata:checked" ).length;

Answer 2

您可以在表chkdata

中获取所有已选中的复选框myIndiaTable

function GetValues(){
    alert($('#myIndiaTable .chkdata:checked').length)
}

Answer 3

纯javascript

线ckbox = document.getElementsByClassName("chkdata");将获得具有类名chkdata的所有元素返回一个元素数组，然后我们遍历这些元素以检查检查了多少元素。如果检查了那么我们增加否则，计数器继续循环

ckbox = document.getElementsByClassName("chkdata");
count=0;
for(var i=0;i<ckbox.length;i++){
 element = ckbox[i];
  if(element.checked){
   count++;
  }
}
alert("Number : " + count);

Answer 4

仅获取表格中选中的复选框

$('#myIndiaTable').find("input[type='checkbox']:checked").length

如何使用jQuery获取按钮单击表中已检查行的计数？

4 个答案: