Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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 使用JQuery进行检查计数_Javascript_Jquery - Fatal编程技术网

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我在这个问题上做不到。