Angularjs单选按钮和复选框值保存&得到

时间:2017-05-16 05:54:32

标签: angularjs checkbox radio-button

我正在创造Q&用户响应的页面,有三种不同类型的答案

  • 文本
  • 复选框
  • 单选按钮

问题在数据库中配置,答案类型为&选项。 文字问题答案可以轻松保存&在数据库中更新,但收到了Radio& amp;的错误复选框类型

<div ng-repeat="questions in QuestionAndAnswer">
<div>
    {{$index + 1}}. &nbsp;{{questions.QuestionText}}
</div>
<br />
<div ng-repeat="selectedAns in questions.selectedAnswers" ng-if="questions.QuestionType==='Text'">
    <input type="text" name="ans_{{questions.QuestionId}}" ng-model="selectedAns.Answer" class="form-control" />
</div> 
<div ng-repeat="ansoption in questions.AnswerOptions">
    <div id="oneChoiceAns" ng-if="questions.QuestionType==='Onechoice'">
        <input type="radio" name="radAns" ng-model="ansoption.AnswerOptionId" value="{{ansoption.IsSelected}}" id="{{ansoption.AnswerOptionId}}">
        {{ansoption.AnswerOptionText}}
    </div>
    <div id="multiChoiceAns" ng-if="questions.QuestionType==='Multichoice'">
        <input type="checkbox" ng-model="ansoption.IsSelected" ng-value="ansoption.IsSelected" />
        {{ansoption.AnswerOptionText}}
    </div>
</div>

Sample output screen of which answer needs to save in DB
对于复选框选择选项,我在答案表中输入多个选定的答案选项/选择行,其中应添加“仅选择无线电”选项。

从数据库中检索两个复选框&amp;应选择无线电。 下表结构我用于相同的代码

配置表保存问题的表
QuestionTable
QuestionId int
QuestionType varchar(50)
QuestionText varchar(MAX)

Config table其中保存了Question的多个可用答案选项
AnswerOptions
AnswerOptionId int
QuestionId int
AnswerOptionText varchar(MAX)

用户响应存储的表格
QAResponse
QuestionId int
AnswerOptionId int
回答varchar(MAX)

0 个答案:

没有答案