码迷,mamicode.com
首页 > 其他好文 > 详细

checkbox 全选和取消

时间:2015-07-23 19:08:52      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:

 //全选
            $("#checkall").click(function () {
                if (this.checked) {                 //如果当前点击的多选框被选中
                    $(‘input[type=checkbox][name=checkitems]‘).prop("checked", true);
                } else {
                    $(‘input[type=checkbox][name=checkitems]‘).prop("checked", false);
                }
            });
            //取消单选
            $(‘input[type=checkbox][name=checkitems]‘).click(function () {
                var flag = true;
                $(‘input[type=checkbox][name=checkitems]‘).each(function () {
                    if (!this.checked) {
                        flag = false;
                    }
                });
                if (flag) {
                    $(‘#checkall‘).prop(‘checked‘, true);
                } else {
                    $(‘#checkall‘).prop(‘checked‘, false);
                }
            });

  

checkbox 全选和取消

标签:

原文地址:http://www.cnblogs.com/LoveTX/p/4671125.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!