Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交用户选择单选按钮值,其中的值是从json定义的_Javascript_Html_Json_Angular_Typescript - Fatal编程技术网

Javascript 提交用户选择单选按钮值,其中的值是从json定义的

Javascript 提交用户选择单选按钮值,其中的值是从json定义的,javascript,html,json,angular,typescript,Javascript,Html,Json,Angular,Typescript,我正在尝试使用angular将单选按钮值插入mySql数据库。表单包含单选按钮和json文件中已定义的单选按钮值。以下是json文件的外观: //data.json [{ “被调查者”:101, “surveyname”:“维生素”, “createdby”:“Sarah博士”, “createddate”:“2018年1月16日”, “问题”:[{ “问题ID”:1, “问题描述”:“Q-1?”, "问题1,, “允许选项”:[{ “选项”:“A”, 回答:“是” }, { “选项”:“B”

我正在尝试使用angular将单选按钮值插入mySql数据库。表单包含单选按钮和json文件中已定义的单选按钮值。以下是json文件的外观:

//data.json
[{
“被调查者”:101,
“surveyname”:“维生素”,
“createdby”:“Sarah博士”,
“createddate”:“2018年1月16日”,
“问题”:[{
“问题ID”:1,
“问题描述”:“Q-1?”,
"问题1,,
“允许选项”:[{
“选项”:“A”,
回答:“是”
},
{
“选项”:“B”,
回答:“否”
}
]
},
{
“问题ID”:2,
“问题描述”:“问题2”,
"问题二":,
“允许选项”:[{
“选项”:“A”,
回答:“是”
},
{
“选项”:“B”,
回答:“否”
},
{
“选项”:“C”,
回答:“不知道”
}
]
},
{
“问题ID”:3,
“问题描述”:“问题3”,
"问题1,,
“允许选项”:[{
“选项”:“A”,
回答:“是”
},
{
“选项”:“B”,
回答:“否”
}
]
}
]

}]
您的模板看起来不正确。使用以下命令:

<div *ngIf="isVerified" align="left" class="container">
  <form>
    <div *ngFor="let items of jsonData; let counter = index;">
      <div *ngFor="let items2 of items.question">
        <label>{{items2.questionid}}. {{items2.questiondesc}}</label>
        <div *ngFor="let items3 of items2.alloptions; let i=index">
          <div class="radio">
            <input type="radio" name="question{{items2.questionid}}_option{{i+1}}" [(ngModel)]='answers[counter ]' value="{{items3.answer}}"><b>{{items3.options}}</b>. {{items3.answer}}
          </div>
        </div><br>
      </div>
    </div>
    <div align="center">
      <button class="btn btn-sm btn-success" (click)="pushing(answers[0], answers[1], answers[2])">SUBMIT</button>
    </div>
  </form>
</div>

这样,您的答案将通过ngModel进行选择,这是以角度获取表单字段值的正确方法。

共享此链接。
answers: string[] = ['','',''];