jquery - ブートストラップ ラジオ ボタンの状態変更へのバインド

Question

jQueryも使用するページに次のBootstrap HTMLがあります。

<div class="btn-group" data-toggle="buttons-radio">
    <button id="copyButton" class="btn btn-small btn-primary">Copy</button>
    <button id="editButton" class="btn btn-small btn-primary">Modify</button>
    <button class="btn btn-small btn-primary active">Do nothing</button>
</div>

これら 3 つのボタンは、テーブルのすべての行に表示されます (各行で、ユーザーはアクションを選択する必要があります)。

Copyボタンがアクティブな行数とボタンがアクティブな行数のカウンターを表示して更新したいと思いModifyます。

clickボタンのイベントにバインドされたボタンタイプ固有の関数によって呼び出される次の関数を追加しようとしました:

function updateCounts() {
    var modifyValueCount = $("button[id=editButton].active").length;
    var copyValueCount = $("button[id=copyButton].active").length;
    $("#variablesToModifyCount").text(modifyValueCount);
    $("#variablesToCopyCount").text(copyValueCount);
}  

activeしかし、 の呼び出しが終了するまでクラスが適用されないため、クリックされたばかりのボタンはカウントに含まれないように思えますonClick。イベントへのバインドも試みましたmouseupが、早すぎるようです。