使用Twitter Bootstrap限制已选中复选框的数量

时间:2013-12-10 06:25:25

标签: twitter-bootstrap checkbox ember.js

我正在使用Twitter Bootstrap创建一个复选框列表。下面是我的模板(用Emblem编写):

.form-group
  .checkbox
     label
       input type="checkbox" Position
  .checkbox
     label
       input type="checkbox" LFP
  .checkbox
     label
       input type="checkbox" Position · LFP 1st PC
  / more...

我想限制一次可以检查的方框数量。在极限时,未选中的框应该是灰色的或类似的东西。如果它很重要,我在EmberJS的背景下这样做,并将Ember动作附加到复选框。如何设置限制?

1 个答案:

答案 0 :(得分:1)

您可以在某个模型属性上创建一个disabledBinding的视图,并且可以捕获changeclick个事件(http://emberjs.com/guides/views/handling-events/)并将事件发送到控制器。我想你的复选框值被映射到控制器中的模型,因此可以迭代这个模型并设置disabledBinding所连接的属性。

自定义视图对于捕获事件是必需的。内置禁用 - 只提供绑定来控制它