Checkbox Aurelia中的动态无线电/复选框解决方案

Checkbox Aurelia中的动态无线电/复选框解决方案,checkbox,binding,radio-button,aurelia,Checkbox,Binding,Radio Button,Aurelia,我有一个要点来说明我的问题: 复选框版本工作正常,如果删除复选框,它会正确更新模型,但如果更改所选单选按钮,它将保留删除其选择的单选按钮上的真实值。如果我删除model.bind=“true”值,它将写入“on”而不是true。我要的是真/假,而不是开/关 我希望对象的属性更新为true或false,这取决于它是否被动态选择。在我的场景中,我不知道需要选择多少单选按钮或复选框。我只知道如果它不是一个集合,我只想要一个,如果它是一个集合,我想要选择一个未知的数字 我认为您想要实现的(打开/关闭单

我有一个要点来说明我的问题:

复选框版本工作正常,如果删除复选框,它会正确更新模型,但如果更改所选单选按钮,它将保留删除其选择的单选按钮上的真实值。如果我删除
model.bind=“true”
值,它将写入“on”而不是true。我要的是真/假,而不是开/关


我希望对象的属性更新为true或false,这取决于它是否被动态选择。在我的场景中,我不知道需要选择多少单选按钮或复选框。我只知道如果它不是一个集合,我只想要一个,如果它是一个集合,我想要选择一个未知的数字

我认为您想要实现的(打开/关闭单个值)是无法通过收音机实现的,因为它的工作方式(从集合中选择单个值)与复选框(打开/关闭单个值)()不同。因此,如果你真的想拥有类似广播的外观,带有复选框行为,考虑使用一些CSS和额外的DOM元素使它看起来像这样,并且行为类似。

< P>就像其他答案提到的:<代码> < /代码>行为不同于<代码> <代码> >

我已经分出了你的要点,并做了以下更改,以使你在aurelia中使用单选按钮的场景生效:

1) 在
params
集合中的第一个对象中添加了一个名为
selectedChanged
的函数(它不必在那里,可以在viewmodel类中,也许是更好的位置)。它负责处理单选按钮组中的选择更改,具体地说,它将迭代一组
选项
(第二个参数),并将
所选
属性设置为
true
,其中选项的
id
与函数的第一个参数匹配,并将所有其他选项设置为false

2)
输入
上有一个名为
更改
的事件,我将其委托给一个名为
selectedChanged
的函数,将
选项.id
值和
选项
作为参数传递