Question

我正在寻找一些建议，所以我有一些复选框。我想添加动态计数，以便显示所选的数字。

到目前为止我已经

了

$('.individual').length

返回数字，但我如何将其添加到我的范围：

<li><p class="records-selected"><span id="count-checked-checkboxes">0</span> of 29 records selected</p></li>
<li><a href="#" class="number-records">Select All 29 Records</a></li>

这就是我的表格数据

<td><label><input type="checkbox" class="individual" /></label></td>

我忘了在我的应用程序中提到，该表加载了Ajax，我只需要将它添加到我的AJAX回调中吗？

Answer 1

试试这段代码。我使用jQuery的 text() 来添加文字。

＆＃13;

$(".1").on("change", check);

function check(){
  if($(".1:checked").length>0){
    $('p').show();   //instead of $('p') select whatever you want show(selector for that text)
    $("#selected").text($(".1:checked").length);
    $("#total").text($(".1").length);
  }
  else{
    $('p').hide();  //instead of $('p') select whatever you want hide(selector for that text)
  }
}
check();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="1">1
<input type="checkbox" class="1">2
<input type="checkbox" class="1">3
<input type="checkbox" class="1">4
<input type="checkbox" class="1">5

<p><span id="selected"></span> of <span id="total"></span> checkbox selected</p>

＆＃13;

Answer 2

使用JQuery .text（）并将长度传递给它：

$('#count-checked-checkboxes').text($('.individual').length);

Answer 3

这应该这样做：

$('#count-checked-checkboxes').text($('.individual:checked').length)

Count Checked Check with JQuery

3 个答案: