开发者社区> 问答> 正文

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

今天使用了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模板

展开
收起
a123456678 2016-07-08 10:57:02 2217 0
1 条回答
写回答
取消 提交回答
  • $("#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);
     });
    2019-07-17 19:53:13
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载