流星：如何根據部分中復選框的數量設置數字

Question

我目前有一個包含多個復選框的多節形式。 我想做的是在總數量旁邊顯示復選框的數量。 我的總顯示效果很好，但是我無法終生想出一種方法來遍歷輸入，成功找到：checked並打印出該數字。

我認為導致我出現問題的主要原因是，每次選中新框時，它都需要更新。 這是一些代碼。

事件處理程序

'click input[type=checkbox]': function(){
    Session.set('selectedPlayerCount', n);
    Session.get('selectedPlayerCount');
}

這里的目標是設置選定玩家的數量，並將其傳遞給模板/幫助程序。

幫手

countSelected: function(){
    n = 0;
    n++;
    var selectedPlayerCount = Session.get('selectedPlayer');
    return selectedPlayerCount;
}

在助手中，每次事件觸發時我都嘗試進行迭代，因此將值增加一。 我知道將n重置為0會導致一些問題，並且我知道需要將其更改為其他值。 我只是不知道需要在何處設置變量以提供默認值。

模板

<header>
   <p>{{ countSelected }}</p>
</header>

我現在在這里要做的只是打印出助手所提供的值。 我認為這不會引起任何問題。

TL; DR-如何計算表單的某一部分內已檢查輸入的數量，並為每個輸入增加一個值，然后在每次更改時將其返回。

Answer 1

我是新手，但也許可以這樣做：在會話變量中將帳戶定義為零，每次選擇復選框時，您都會增加會話變量的值

Session.set("countPlayersChecked", 0);
Template.proof.helpers({
    countSelected: function () {
        return Session.get("countPlayersChecked");
    }

});

Template.proof.events({
    'click input[type=checkbox]': function (event) {

        if($(event.target).is(':checked'))
            Session.set("countPlayersChecked", Session.get("countPlayersChecked")+1);
        else
            Session.set("countPlayersChecked", Session.get("countPlayersChecked")-1);
    }
});

希望它有用。