jquery - jQueryの選択可能とチェックオールの競合

Question

checkall について質問があります。jQuery には「選択可能な」メソッドと「checkall」イベントがあります。

下の2つのチェックボックスを選択すると、チェックが外されます(上)が、「td」の名前を変更すると、機能します。

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

手伝ってくれませんか？

ここにデモがあります：http://jsfiddle.net/aldimeola1122/xUU4p/1/

Answer 1

私はこれがあなたが探しているものだと思います：

(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/