Question

在我的场景中，我必须将从页面加载数据库获取的布尔值绑定到一组单选按钮。如果属性的值为true，则应选中单选按钮。组件html如下所示

<template>
<div repeat.for="option of question.Options" class="row">
    <template if.bind="question.QuestionTypeID == 2">
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1" style="text-align: right;padding-right:0px;">
            <input type="radio" name="${option.QuestionID}" id="${option.OptionID}" model.bind="option.Response"  checked.bind="option.Response" click.delegate="OptionUpdate($event.target)" />
        </div>
    </template>
    <div class="col-lg-11 col-md-11 col-sm-11  col-xs-11">
        <label for="${option.OptionID}" innerhtml.bind="option.OptionDesc">
        </label>
    </div>
</div>

我在option.Response中绑定了布尔值 click.delegate方法如下所示

OptionUpdate(element)
{
    for(let option in this.question.Options)
    {
        if(element.id == this.question.Options[option].OptionID && element.checked)
        {
            this.question.Options[option].Response = this.question.Options[option].OptionID;
        }
        else{
            this.question.Options[option].Response = undefined;
        }
    }
    return element.checked;
}

即使option.Response属性为true，也会检查其他一些单选按钮。

提前致谢

Answer 1

您不需要OptionUpdate。它简单得多。我创建了一个GistRun来帮助您从数据库中的数据对象中获取Radio Boxes：

https://secure.php.net/manual/en/pdostatement.fetch.php

如何使用Aurelia将布尔值绑定到单选按钮

1 个答案: