TDの中にチェックボックスがある時、余白部分をクリックしたと同時にチェック状態がトグルし、任意のイベント（__change）をトリガーさせるような処理をしたい

backbone.tdCheckboxSynchronize.js

(function ($) {
    "use strict";
 
   // チェックボックスと、それを包むTDのクリックイベントを連動させるモジュール。
    var TdInputBind = window.Backbone.View.extend({
        initialize: function (options) {
            var settings = _.extend({el: 'table'}, options || {});
            this.setElement(settings.el);
        },
        events: {
            'click td:has("input")': 'tdClicked',
            'click input': 'inputChanged'
        },
        tdClicked: function (e) {
            var checked = $('input:checkbox', e.currentTarget).get(0).checked;

            $('input:checkbox', e.currentTarget).get(0).checked = !checked;
            //ここでcheckedが変化する

            $(e.currentTarget).trigger('__change');	//変化した後のcheckedを任意のイベントで使用
            // 名前をmangleしてみる
        },
        inputChanged: function (e) {
            //ここでcheckedが変化する
            e.stopPropagation();
            var checked = $(e.currentTarget).get(0).checked;

            $(e.currentTarget).closest('td').trigger('__change');
        }
    });
    Backbone.TdInputBind = TdInputBind;
}(jQuery));

身も蓋もない事を言うと、イベントプロパゲーション/バブリングの勉強が足りてない。

更新してみた。自分的にはちゃんと意図したとおりに機能しているように見える。