jQuery可选和checkall冲突

时间:2012-11-12 13:50:16

标签: jquery conflict

我有一个关于checkall的问题,jQuery中有一个“可选”方法和“checkall”事件。

如果我选择下面的两个复选框,它将被取消选中(上图),但是如果我更改了我的“td”的名称,那么它可以正常工作。

(   cancel:'td:not(.**isaretle**)',)

你能帮帮我吗?

以下是演示:http://jsfiddle.net/aldimeola1122/xUU4p/1/

1 个答案:

答案 0 :(得分:0)

我认为这就是你要找的东西:

(function ($) {
    'use strict';
    $(document).ready(function () {
        $('.checkAll').live('change', function () {
            var self = $(this),
                isChecked = self.is(':checked'),
                checked = isChecked ? 'checked' : '',
                text = isChecked ? 'Uncheck All' : 'Check All';
            $('.chc').attr('checked', checked);
            self.next().text(text);
        });
        $('.chc').live('change', function () {
            var chcLen = $('.chc').length,
                checkedLen = $('.chc:checked').length,
                lenMatches = chcLen === checkedLen,
                checked = lenMatches ? 'checked' : '',
                text = lenMatches ? 'Uncheck All' : 'Check All';
            $('.checkAll').attr('checked', checked).next().text(text);
        });
        $("#slctble").selectable({
            "filter": "td:not(.isaretle)",
            "stop": function () {
                $(".ui-selected input", this).each(function () {
                    this.checked = !this.checked;
                }); //end-ui-selected input
            } //endStopFunction
        }); //endSelectable
    }); //endWindowsLoad
}(jQuery.noConflict())); //end Function

更新了小提琴:http://jsfiddle.net/xUU4p/28/