Javascript 使用JQuery进行检查计数
我在寻找一些建议,所以我有一些复选框。我想添加一个动态计数,以便它显示所选的数字 到目前为止我有Javascript 使用JQuery进行检查计数,javascript,jquery,Javascript,Jquery,我在寻找一些建议,所以我有一些复选框。我想添加一个动态计数,以便它显示所选的数字 到目前为止我有 $('.individual').length 返回数字,但如何将其添加到我的跨度: <li><p class="records-selected"><span id="count-checked-checkboxes">0</span> of 29 records selected</p></li> <li>&l
$('.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>
选择29条记录中的0条
这是我的数据表上的内容
<td><label><input type="checkbox" class="individual" /></label></td>
我忘了提到,在我的应用程序中,表是用Ajax加载的,我是否只需要将它添加到Ajax回调中?使用JQuery.text()并将长度传递给它,如下所示:
$('#count-checked-checkboxes').text($('.individual').length);
这应该做到:
$('#count-checked-checkboxes').text($('.individual:checked').length)
试试这个代码。我使用jQuery的添加文本
$(.1”)。在(“更改”,勾选);
函数检查(){
如果($(“.1:选中”).length>0){
$('p').show();//选择要显示的内容(该文本的选择器),而不是$('p')
$(“#选中”).text($(“.1:选中”).length);
$(“#总计”).text($(“.1”).length);
}
否则{
$('p').hide();//选择要隐藏的内容(该文本的选择器),而不是$('p')
}
}
检查()代码>
1.
2.
3.
4.
5.
选中的复选框的数量。
$(“#计数复选框”).text($(“.individual”).length)
$(“#计数复选框”).text($(“.individual:checked”).length)
是否可以隐藏文本,然后在选中复选框后显示它?是的,这是正确的。我还有一个全选按钮。全选也有办法显示吗?你能用全选选项做一个例子吗?这样,如果你全选的话,就可以算数了吗?@Rob我在这个问题上做不到。