流星中的Semantic-ui复选框

用户名

有谁知道如何在Meteor中使用Semantic-ui复选框(切换)?

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

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

音乐

这是我的方法:

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'));
    }
  });

});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在语义UI中获取Toggle复选框的价值

来自分类Dev

从功能中取消选中JQuery UI复选框

来自分类Dev

在语义UI中获取Toggle复选框的价值

来自分类Dev

表格中的复选框

来自分类Dev

JavaScript中的复选框

来自分类Dev

LotusScript中的复选框

来自分类Dev

JS中的复选框

来自分类Dev

Semantic-ui复选框和按钮在PHP上进行检查

来自分类Dev

react Semantic-UI - 多选复选框下拉菜单

来自分类Dev

Material-ui-封装在组件中的TableRow不会显示复选框

来自分类Dev

在React Material-UI DataGrid中的复选框选择上获取行项目

来自分类Dev

如何在Kendo UI网格中获取复选框的值?

来自分类Dev

Material-ui-封装在组件中的TableRow不会显示复选框

来自分类Dev

无法更改Angular UI中复选框按钮的背景颜色

来自分类Dev

使k复选框在Kendo UI网格中可见

来自分类Dev

Material-UI 复选框在网格中“跳跃”

来自分类Dev

根据 Kendo-UI 下拉列表中的值启用/禁用复选框

来自分类Dev

流星复选框组-至少选择了一个复选框

来自分类Dev

angular js中的复选框功能

来自分类Dev

在jQuery中删除选中的复选框

来自分类Dev

更改CGridView中的ID复选框

来自分类Dev

表列中复选框的对齐

来自分类Dev

引导复选框中的Onchange事件

来自分类Dev

ReactJS:状态中的动态复选框

来自分类Dev

WPF中复选框左侧的文本?

来自分类Dev

如何隐藏html中的复选框?

来自分类Dev

Haskell / Yesod中的分组复选框

来自分类Dev

循环浏览javascript中的复选框

来自分类Dev

在JavaScript中创建复选框