Meteor中的Semantic-ui复选框

Question

有人知道如何在Meteor中使用Semantic-ui复选框（切换）吗？

<div class="ui toggle checkbox">
 <input type="checkbox" name="public">
 <label>Subscribe to weekly newsletter</label>
</div>

复选框/滑块在html页面上可见，带有滑动效果，但我无法理解如何对照控件进行编码。如何根据值以及如何处理事件来设置已选中/未选中。

Answer 1

我就是这样做的：

Session.set('chosen', false);

Template.myTemplate.onRendered(function () {
  var $elem = this.$('.checkbox');

  // Use 'set unchecked' or 'set checked' instead of 'uncheck'/'check'
  // to avoid triggering the callback.
  // Set initial state here:
  $elem.checkbox('set ' + (Session.get('chosen') ? 'checked' : 'unchecked'));

  // Keep state synced with the session.
  $elem.checkbox({
    onChange: function () {
      Session.set('chosen', !Session.get('chosen'));
    }
  });

});