开发者社区> 问答> 正文

关于jquery全选和取消全选的问题

a123456678 2016-07-08 10:57:02 862

今天使用了Simple Admin作为网站后台的模板,在使用过程中遇到了一个问题,就是checkbox全选的问题,描述如下

<{foreach $abs as $v}>
              <tr>
                <td><input type="checkbox" /></td>
                <td><{$v.id}></td>
                <td><a href="#" title="title"><{$v.name}></a></td>
                <td><{$v.url}></td>
                <td><{$v.good}></td>
              </tr>
            <{/foreach}>
以上是HTML代码

$('.check-all').click(
            function(){
                $(this).parent().parent().parent().parent().find("input[type='checkbox']").attr('checked', $(this).is(':checked'));
            }
        );

以上是Jquery代码
问题来了,我点击全选按钮的时候,所有的checkbox就全选了,再点击就取消全选,但是再点击全选checkbox的时候就不能全选了,使用开发者工具发现checked是加在了中,但是就是不显示,求高人解答

补充,使用Smarty模板

JavaScript PHP 开发者
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:53:13
    $("#chooseAll").click(function(){
            $('input[name="clientBox"]').prop("checked",this.checked); 
    });
    
    $("input[name='clientBox']").click(function() {
        var $subs = $("input[name='clientBox']");
        $("#chooseAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);
     });
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程