Question

需要一些关于单选按钮的帮助。如何为一个特定问题绑定2个单选按钮，但在数据库中使用2个不同的字段。例如，有一个问题有答案是/否。是的答案与一个字段绑定，而对另一个字段没有答案，它们不会绑定到具有真实假值的单个字段。

         <div class="radio-s">
            <input type="radio" ng-value="true" data-name="use_plan"
                   data-value="true" ng-model="record.offer_plan" />
            <label>Yes</label>
        </div>
        <div class="radio-s">
            <input type="radio" ng-value="false" data-name="use_plan"
                   data-value="true" ng-model="record.offer_plan" />                       
    <label>No</label>
        </div>

提前致谢。

Answer 1

将name属性附加到两个单选按钮，以便一次只能选择一个，并将它们绑定到数据库中的相应字段

        <div class="radio-s">
            <input type="radio" name="planGroup" ng-value="true" data-name="use_plan"
                   data-value="true" ng-model="record.offer_plan_yes" />
            <label>Yes</label>
        </div>
        <div class="radio-s">
            <input type="radio" name="planGroup" ng-value="false" data-name="use_plan"
                   data-value="true" ng-model="record.offer_plan_no" />                       
        <label>No</label>
        </div>

Answer 2

这是关于plunker的little example。

<body ng-controller="MainCtrl" ng-init="model1='S'; model2='S' ">
<p>Test</p>

<div class="radio-s">
<input type="radio" ng-value="Yes" ng-checked="model1 === 'S'" data-  name="use_plan" ng-model="model1" />
<label>Yes</label>
</div>
<div class="radio-s">
<input type="radio" ng-value="No" ng-checked="model2 === 'N'" data-name="use_plan" ng-model="model2" />
<label>No</label>
</div>

<br/> Model1 = {{model1}}
<br/> Model2 = {{model2}}
</body>

使用Angular将radiobuttons绑定到两个不同的字段

2 个答案: