如何获取 ember.js 中复选框的 ID

Question

我是 ember.js 的新手，我需要获取 ember 中选中的复选框的 ID。

我用过javascript，但在ember中不一样。

{{input id = 1 type="checkbox"}}
{{input id = 2 type="checkbox"}}

如果我 select 第二个复选框，我只需要 id 为 2。 谁能帮我解决这个问题？ 提前致谢:)

Answer 1

您可以在 input 上定义 change 操作：

{{input id = 1 type="checkbox" change=(action "checkboxAction")}}
{{input id = 2 type="checkbox" change=(action "checkboxAction")}}

并且您可以在组件或控制器中使用操作参数 e:

在您的操作中做任何您想做的事情

actions: {
    checkboxAction(e){
      if(e.target.checked){
            this.set("selectedTargetId", e.target.id);
      }
    }
}

您可以通过 e.target.checked 检查目标是否被检查，您可以通过 e.target.id 检索目标 ID。 你可以看看this twiddle这个用法。