Question

我有一个multiheckbox列表，我希望获得所选值的所有值。我怎么能用RiotJs做到这一点？

我可以使用下一个内容使用vanilla javascript来执行此操作：document.forms['FormName'].elements['checkBoxName'];

Answer 1

您可以使用ref来获取对表单的引用，然后使用vanilla JS。骚乱中没有先进的dom选择器。

<my-tag>
  <form ref='form'>
    <span each={ items }>
      <input type="checkbox" value="{value}" checked="{ checked }">{name}</input> 
    </span>
    <input type="button" value="submit "onclick={ submit }>
  </form>  
  <script>
    this.items =[{name:'Central locking', checked:false},{name:'Power seats', checked:false}] 
    submit(e) {
      console.log(this.refs.form.elements)
    }
  </script>
</my-tag>

在线版http://plnkr.co/edit/xwWCcwAQG2IhvJuQA7Yz

此外，您可以更改方法并以编程方式执行此操作。当用户单击复选框时添加onclick，并将该状态保存在哈希或其他内容中，以便您可以维护表单的状态。

RiotJs如何在表单中获取具有相同名称/ id的所有复选框的值？

1 个答案: