Question

html是：

<script id='radio' type='text/ractive'>
  <div>
    <input type='radio' name='{{status}}' value='true' />
    <input type='radio' name='{{status}}' value='false' />
    {{status}}
  </div>
</script>
<div id='container' />

和javascript是：

Item = Ractive.extend({
  template : '#radio'
})

new Ractive({
  el : '#container',
  template : "{{#items:i}}<item status='{{status}}' />{{/items}}",
  components : { item : Item },
  data:{items :[{status : 'false'},{status : 'true'}]}
})

因此，有两个项目，每个项目都有一对单选按钮，可将状态设置为true或false。

问题是两个项目的'name'属性是相同的（即在所有四个单选按钮中）。因此单选按钮不会表现为两对（每个项目一个），但它们的行为恰好是一组四个。

如何编写这样每个项目都有自己的真/假单选按钮？

Answer 1

我在Ractive github issues找到了答案。

如问题评论中所述，可以通过将单选按钮包装在元素内来实现范围。当添加表单元素创建嵌套表单时，这将不起作用，但它将在我的情况下工作。

如何确定多个单选按钮集的范围

1 个答案: